制造組件
材料:
1.模板(template)
2.data(){ return {對象}},必須用一個(gè)函數(shù)來定義螟炫,不是用屬性的方式
3.methods
4.components子組件component(材料) //把材料丟進(jìn)去制造出一個(gè)組件
先制造一個(gè)模板坟乾,然后呢近顷,放入到component里生成一個(gè)組件,對外可以引用這個(gè)組件了
父組件傳值子組件:用屬性
1.調(diào)用子組件<son X='值'></son>
2.componets->son->props:['X']
3.{{X}}子組件傳值父組件:用方法emit() 1.子組件調(diào)用this.emit(事件名窿冯,數(shù)據(jù)X)方法凤跑,創(chuàng)造一個(gè)事件并傳遞一個(gè)數(shù)據(jù)
2.父組件監(jiān)聽子組件創(chuàng)建的事件
3.父組件里面設(shè)置觸發(fā)事件調(diào)用的函數(shù),函數(shù)里面的參數(shù)氢烘,就是第一步的數(shù)據(jù)X(也就是子組件里面想要傳過來的數(shù)據(jù))