關於vue父子元件通訊如果元件是乙個單頁面，元件之間存在父子關係，資料傳遞就需要根據父子不同的地位使用不同的辦法。github：suerimn
借助新建的electron-vue專案自帶的兩個元件來說明。
目錄結構如下：
其中landingpage.vue是父元件，systeminformation.vue是子元件。
父元件可通過props向子元件傳遞資料。
子元件：
子元件顯示從父元件獲取的資料到newname，newpwd，使用props。
父元件：
在呼叫元件的地方使用v-bind繫結父元件中定義的變數到子元件中顯示的資料名newname，newpwd。
然後就可以在子元件中顯示父元件傳遞的資料啦。
子元件通過$emit事件向父元件傳遞資料。
子元件：
子元件的資料username，通過change事件呼叫方法setuser()，觸發$emit事件，然後傳送給父元件中的自定義事件changename
父元件：
父元件的changename事件呼叫getuser方法，獲取從子元件傳遞的引數username。
getuser方法中的引數msg就是從子元件傳遞過來的引數username。
以下**中，輸入框與welcome是屬於子元件，巢狀在父元件中，輸入框輸入值，傳遞給父元件顯示。
VUE 元件（二）元件通訊
元件關係可分為父子元件通訊 兄弟元件通訊 跨級元件通訊。一 自定義事件 當子元件向父元件傳遞資料時，就要用到自定義事件 子元件用 emit 來觸發事件，父元件用 on 來監聽子元件事件 通過兩個按鈕實現 1 1的效果，在改變元件data中的count後，通過 emit 將值傳給父元件，父元件用v o...
Vue核心筆記 1 元件通訊
父子元件通訊 1 父元件向子元件通訊prop,子元件向父元件通訊 emit vue.component childcompont template text v model mymessage input passdata mymessage get message from parent comp...
vue學習筆記3 元件
1 元件命名 a.全小寫加連線符 vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時使用 kebab case，例如。b 駝峰式 vue.component mycomponentname 當使...