1创建组件: 创建一个BBB.vue文件
2.父组件(AAA)引入子组件(BBB)
import BBB from './components/BBB.vue';
3.注册组件 注意:注册于使用的是同名,引入同名,可以与文件名不同
components: {
BBB
}
4.使用组件
<BBB></BBB>
5.组件传参 以对象的方式将参数赋值给子组件
<BBB :参数名="参数名"></BBB>
6.子组件接收参数
props:['参数名'],
created:function(){
console.log(this.参数名)//打印父组件传过来的参数
},
7.子组件调用父组件的方法 :
<BBB :参数名="参数名" @"AA方法名" = "父组件的响应事件"></BBB>
8.子组件中调用父组件方法
this.$emit('AA方法名','传的参数');
9.父组件响应方法
父组件响应的方法名(data){
console.log(data)//打印参数
}
