1創(chuàng)建組件: 創(chuàng)建一個BBB.vue文件
2.父組件(AAA)引入子組件(BBB)
import BBB from './components/BBB.vue';
3.注冊組件 注意:注冊于使用的是同名,引入同名,可以與文件名不同
components: {
????BBB
}
4.使用組件
<BBB></BBB>
5.組件傳參 以對象的方式將參數(shù)賦值給子組件
<BBB :參數(shù)名="參數(shù)名"></BBB>
6.子組件接收參數(shù)
props:['參數(shù)名'],
created:function(){
????console.log(this.參數(shù)名)//打印父組件傳過來的參數(shù)
},
7.子組件調用父組件的方法 :
<BBB :參數(shù)名="參數(shù)名" @"AA方法名" = "父組件的響應事件"></BBB>
8.子組件中調用父組件方法
this.$emit('AA方法名','傳的參數(shù)');
9.父組件響應方法
父組件響應的方法名(data){
????console.log(data)//打印參數(shù)
}
