vue的組件通信 父傳子 -- 子傳父-- 兄弟組件的傳值 vue的組件傳值

首先文字簡單擼一下vue

父子傳子   -------首先在父組件上綁定一個屬性,在子組件裏用props接收,能夠是數組或者是對象數組

子傳父   ------在父組件升上自定義一個方法,在子組件裏經過this.$emit("父組件上的方法名",a)     /-------a------/表明須要傳遞的參數       
this

兄弟組件通信   須要建立一個公共的vue 實例, new vue()   spa

在main.js裏 書寫Vue.prototype .com=new vue()    經過prototype添加到vue實例中      com是本身添加的屬性
prototype

一、父傳子對象

二、子傳父blog

 

三、兄弟組件通信it

兄弟組件1方法

兄弟組件2im

組件通信是vue裏比較重要,並且經常使用的東西,須要掌握好

相關文章
相關標籤/搜索