初始Vue组件

全局组件(定义再全局) Vue.component("zujian",{}) --->第一个参数组件名称,第二个参数一个对象 对象里面有分别有:template:"

",组件长什么样子 :data(){return{name:"wang-ping",age:"21"}} data函数return一个对象存放组件里的数据 组件的命名HTML文件不允许有大写的标签,html里面不支持大小驼峰形式,一般用连字符"-"

data(){
    return{
        ces:"ces??"
    }
},
template:"<div>{{ ces }}</div>"
   })

局部组件(定义在局部vue实例上) components:{} 它是一个对象对象上面是一个一个的组件

el:"#ces",
data:{
    arr:'<div>1</div>'
},
components:{
    wangPing:{
        data(){
            return{
                name:"王平",
                age:"21"
            }
        },
        template:"<div><ul>{{ name }}</ul>
   <ul>{{ age }}</ul></div>"
    }
}
})````

我来吐槽

*

*