一.父子元件通訊
1、父元件中如何整合子元件
1.1、定義子元件
1.2、在父元件匯入並且註冊子元件
1.3、在父元件的template中使用即可
2、父元件如何傳值給子元件【通過props】
傳值方(父元件)
接收方(子元件)
props
3、子元件如何傳值給父元件【通過自定義事件】
傳值方(子元件)
this.$emit('事件名稱',載荷)
接收方(父元件)
使用子元件的時候，註冊自定義事件，並且寫好處理函式，通過處理函式的形參來接收子元件傳遞過來的載荷
二.非父子元件傳值【使用公共的vue例項傳值】
1、建立乙個公共的vue例項
2、在傳值的那一方（login.vue）
呼叫公共vue物件的.$emit('自定義事件',載荷)
呼叫公共vue物件的.$on('自定義事件',(形參)=>)
vue2 0父子元件傳值
在vue開發中，我們經常需要在子元件使用父元件的資料，父元件使用子元件的資料，其實vue提供了這兩個方法。1.子元件向父元件傳值，在父元件內宣告變數，子元件接受用props 例如.父元件 註冊元件後在元件標籤繫結你要傳的值。子元件 子元件用props接受。結果如圖所示 2.子元件向父元件傳值 先在子...
VUE2 0父子元件以及非父子元件通訊傳參詳解
父元件資料如何傳遞給子元件呢？可以通過props屬性來實現 父元件 1 parent 2 child child msg msg child 這裡必須要用 代替駝峰 3parent 45 data 9 子元件通過props來接收資料 方式1 1 props childmsg 方式2 1 props ...
vue非父子元件傳值
1.新建vueevent.js，建立例項 import vue from vue var vueevent new vue export default vueevent 2.在需要傳值的元件中引入例項 import vueevent from model vueevent.js 3.通過vueev...