如上圖所示，2是1的子元件，1是3的父元件，2和3是兄弟元件
html**:
子元件註冊**:
vue.component('list-group', )new vue(,,,
],},
},})
1、首先在父元件中建立資料
2、然後再html**中用:繫結資料
3、最後在子元件註冊的**中用props接收資料
我們在上面**的基礎上略作調整,加乙個index傳值
html**：
子元件**：
vue.component('list-group', )new vue(,,,
],},
// 父元件中的值
index:-1,
},methods:}})
1、在子元件中準備想傳的那個值，然後用$emit方法攜帶乙個方法名
2、在html**中用@繫結子元件中的方法名，然後用$event接收子元件中的值
3、父元件中隨便找個引數接收即可
之前我學習到的是建立事件中心的方法來實現，但是我想了一想發現，兄弟元件共同的父元件不就是事件中心嗎，所以我們在上面的**再略作修改看看能否實現效果(其實就是在上面的基礎上再註冊乙個元件接收index的值就可測試)
html**：
兄弟元件**:
// 測試元件
vue.component('test-box',}`})
// 列表元件
vue.component('list-group', )
new vue(,,,
],},
// 父元件中的值
index:-1,
},methods:}})
綜上，兄弟元件之間的傳值包括以下三步(這裡的測試元件和列表元件是兄弟元件關係):
1、列表元件給父元件傳值
2、父元件接收列表元件的值，並且利用函式的方式修改了自身的index的值
3、父元件向測試元件傳index的值
vue變數傳值 Vue 元件之間傳值
一 父元件向子元件傳遞資料 在 vue 中，可以使用 props 向子元件傳遞資料。子元件部分 這是 header.vue 的 html 部分，logo 是在 data 中定義的變數。如果需要從父元件獲取 logo 的值，就需要使用 props logo 在 props 中新增了元素之後，就不需要在...
vue變數傳值 Vue 元件之間傳值
一 父元件向子元件傳遞資料 在 vue 中，可以使用 props 向子元件傳遞資料。子元件部分 這是 header.vue 的 html 部分，logo 是在 data 中定義的變數。如果需要從父元件獲取 logo 的值，就需要使用 props logo 在 props 中新增了元素之後，就不需要在...
Vue元件傳值
學習vue的傳值心得，剛入門vue，大佬勿噴，請多多指教。1.父元件傳值子元件 父元件巢狀子元件式，在標籤裡繫結 子元件用props屬性接收 例 父元件傳值，為縮寫，等同於v bind obj item props obj count 子元件接收傳值，可直接使用，但是推薦在下方重新賦值給新變數再使用...