VUE学习笔记-4 VUE模板

<script>
var Vheader={
    template:'
    <div>我是头部组件</div>'
};
var Vasiade={
    template:'
    <div>侧边栏</div>'
};
var Vcontent={
    template:'
    <div>我是内容组件</div>'
};

    //1.声明
var App= {
    template:
    '<div>
    <Vheader></Vheader>
    <div>
    <Vaside></Vaside>
    <Vcontent>/<Vcontent>
    </div>
    </div>'
    components:{
    Vheader,
    Vaside,
    Vcontent
};
};
new Vue ({
    el:'#app',
    data(){
        return{
            
        }
    },
    components:{
    //2.挂载
        APP
    }
    //3.使用
    template:'<App></App>'
})
</script>