要求：將輸入框的內容顯示在列表框，並點選列表刪除
一、父向子傳值：props:
二、子向父傳值：this.$emit()
//三、兄弟間傳值父元件'
root
'>
"inputvalue
"/>
'handlesubmit
'>提交
//點選按鈕將輸入框內容作為li顯示
（1）vuex狀態管理工具
狀態管理可以理解為資料管理。集中儲存：vue只關心檢視，所以我們需要乙個倉庫（store）來儲存資料。
應用場景：處理多個元件依賴同乙個資料。
乙個元件的行為改變資料，同時會影響另乙個元件的檢視。
vuex介紹：
（1）為vue.js開發的狀態管理模式
（2）元件狀態集中管理
（3）元件狀態改變遵循統一的規則
由於vuex的狀態儲存是響應式的，所以從store例項中讀取狀態的最簡單方法就是在計算屬性中返回某個狀態。
vuex 並不限制你的**結構。但是，它規定了一些需要遵守的規則：
更改 vuex 的 store 中的狀態的唯一方法是提交 mutation。所以 mutations 上存放的一般就是我們要改變 state 的一些方法。
mutations與actions的區別：mutations直接變更狀態，而actions提交的mutations
例子：
建立store物件
在元件1中使用：
在元件2中使用：
（2）使用eventbus解決
在vue中可以使用eventbus來作為溝通橋梁，就像是所有元件共用相同的事件中心。可以向該中心註冊傳送事件或接收事件，所以元件都可以上下平行地通知其他元件。
如何使用eventbus:
Vue 元件之間傳值
一 父元件向子元件傳遞資料 在 vue 中，可以使用 props 向子元件傳遞資料。子元件部分 這是 header.vue 的 html 部分，logo 是在 data 中定義的變數。如果需要從父元件獲取 logo 的值，就需要使用props logo 在 props 中新增了元素之後，就不需要在 ...
vue 元件之間傳值
需求1 假設要把父元件的zhuli傳值到這是使用者的詳細資訊 紅色區域 該如何操作？已知 標籤上可以寫自定義屬性，在使用標籤的時候，告訴子元件使用哪些標籤，子元件中用props定義可以使用的屬性，可以傳多個屬性。在父元件使用的子元件標籤中繫結自定義屬性 name 在子元件中使用props 可以是陣列...
Vue元件之間傳值
父元件向子元件傳值 子元件向父元件傳值 1 子元件用 emit 觸發事件 第乙個引數為 自定義的事件名稱 第二個引數為需要傳遞的資料 擴大父元件中字型大小 擴大父元件中字型大小 兄弟之間的傳遞 傳遞資料方，通過乙個事件觸發hub.emit 方法名，傳遞的資料 接收資料方，通過mounted 鉤子中 ...