## 创建组件的3种方法
# 第一种: + Vue.extend()函数返回一个组件的构造器,里面包含一个参数,参数是对象,对象里面是一些配置项 + Vue.component()函数利用Vue.extend()返回的构造器创建一个组件的实例,有两个参数.; 参数1:组件名字,参数2:组件构造器
注意: 模板template中只能有一个根节点
组建的名字采用驼峰命名的话,使用时,就要加上"-"; 例如:组件名字indexA-->index-a;
## 第二种: + Vue.component('indexB',{模板})
## 第三种: + 通过制定模板创建,在Vue管辖范围之外定义模板
## 总结: + 先制造一个模板,在创建组件
## 组件中使用指令: + 在Vue.component()里边,有template模板,有data()函数,有methods()方法 + 注意:data()必须是一个个函数.不能使用属性定义;函数里边return出去一个对象
## 父组件传值给子组件的方法
* 先创建好父组件和子组件 * 在父组件的模板中的son,子组件标签里绑定 :属性 = 父组件需要传递的数据; * 在子组件的son{}中 使用props来接收父组件传递过来的数据; * props后跟一个数组,数组中是一个个字符串,这些字符串可以当成属性使用,即props:['属性名']
* 代码如下:
*
....
',data(){
return{
mySonName:'小明'
}
},//子组件
components:{
son:{
props:['myName'],template:'...{{myName}}'
}
}
})
