vue学习记录十：vue组件开发（一）：注册组件

一、全局组件注册

//创建并注册组件，所有的子组件都能使用，不需要在注册了
VUE.component(组件名称，{
   data(){
   return {
   //这使用闭包返回数据，可以使每个组件时单独的数据，互补影响。
}
}
   template:模板内容，可以写html,一定且只有一个根元素。可以使用es6的模板字符串。
   methods:{
     //方法
},
   

})

直接使用即可

二、局部组件注册

var a = {
  data(){
 return {
}
}
}

new Vue({
    data:{

},
   components:{
    a,//这样就能使用上面定义的组件，这样是局部注册组件。
    //局部组件只能再注册了的父组件中使用
}

})

三、使用组件

把组件名当做标签包住

<div id='app'>
<组件名></组件名>
<组件名></组件名>
<组件名></组件名>
//组件名可重复使用
</div>

js中是驼峰式，字符串模板中也可以使用驼峰，html中要把大写的改成‘-’小写

四、组件的注意点

1. 组件的data必须是一个函数， 而根Vue的data可以是对象，
2. 组件必须要一个根元素。
3. 组件的命名可以是短横线和驼峰式，但最好js中是驼峰式，html中是短横线