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.子組件調(diào)用父組件的方法 :

<BBB :參數(shù)名="參數(shù)名" @"AA方法名" = "父組件的響應(yīng)事件"></BBB>

8.子組件中調(diào)用父組件方法

this.$emit('AA方法名','傳的參數(shù)');

9.父組件響應(yīng)方法

父組件響應(yīng)的方法名(data){

????console.log(data)//打印參數(shù)

}