vue2 0 父子元件通訊 兄弟元件通訊

父元件是通過props屬性給子元件通訊的來看下**

父元件：

"

content
">
//注意這裡用駝峰寫法哦
data();
}

子元件通過props來接受資料

第一種方法

props: ['

childcom
']

第二種方法

props:

第三種方法

props: 

}

子元件與父元件通訊

vue2.0只允許單向資料傳遞，我們通過出發事件來改變元件的資料，廢話少說，上乾貨

子元件**

"

open
">
methods: 
}

父元件

"

toshow
" :msg="
msg">
//監聽子元件觸發的showbox事件,然後呼叫toshow方法
methods: 
}

兄弟元件之間的通訊

我們可以例項化乙個vue例項，相當於乙個第三方

let vm = new vue(); //

建立乙個新例項

元件他哥

"

ge">
methods: 
}

元件小弟接受大哥命令

created() );
}

Vue2 0 之父子兄弟元件間通訊

childa childb div template type text ecmascript 6 import childa from components a.vue import childb from components b.vue export default script lang s...

vue2 0父子元件及非父子元件通訊

1.父元件傳遞資料給子元件 父元件資料可以通過props屬性來傳給子元件 父元件 parent msg 這裡必須要用 代替駝峰 data 子元件通過props來接收資料 方式1 props childmsg 方式2 props 方式3 props 2.子元件與父元件通訊 如果子元件想要改變資料呢？這...

vue2 0父子元件以及非父子元件通訊

官網api 父元件 child message hello child 子元件 vue.component child 結果 hello 父元件 child my message parentmsg child data 子元件 通過props屬性接收資料 方式一props mymessage 方式...