一、首先，值肯定是定義在父元件中的，供所有子元件共享。所以要在父元件的data中定義值：
二、其次，父元件要和子元件有契合點：就是在父元件中呼叫、註冊、引用子元件：
呼叫：註冊：
引用：
這裡我繫結了兩個值，乙個是陣列，乙個是字串。
2018-03-30 10:15:55 特別補充：
總的來說父傳子就是這三個步驟：父元件中定義值、呼叫子元件並引用、在引用的標籤上給子元件傳值。
但是注意是要用v-bind:繫結要傳的值，不用v-bind直接把值放到標籤上，會被當成html的節點屬性解析的。
四、最後，子元件內部肯定要去接受父元件傳過來的值：props（小道具）來接收：
五、這樣，子元件內部就可以直接使用父元件的值了。
但是有要注意的點：
子元件接受的父元件的值分為——引用型別和普通型別兩種，
普通型別：字串（string）、數字（number）、布林值（boolean）、空（null）
引用型別：陣列（array）、物件（object）
其中，普通型別是可以在子元件中更改，不會影響其他兄**元件內同樣呼叫的來自父元件的值，
但是，引用型別的值，當在子元件中修改後，父元件的也會修改，那麼後果就是，其他同樣引用了改值的子元件內部的值也會跟著被修改。
（這是因為深拷貝和淺拷貝的問題） 引用型別指的是乙個記憶體，解決的這個問題方法，當子元件給父元件傳值或接收值的時候用
父值 = json.parse(json.stringify(子值))
父子元件傳參
這個是父子傳參的乙個語法糖，官網上也有推薦，可以去看一下 一般父子傳參都會這麼寫 父 1 子 1 export default,12 13 1415 子元件可以接收來自父元件的modalvisible。子元件如果要修改modalvisible，可以在自己的data中定義乙個變數 tempmodalv...
Vue父子元件傳參和通訊
vue父子元件之間通訊相對比較簡單，如果非父子間通訊則比較麻煩，可以考慮使用vuex。缺點 父子元件高度依賴。使用ref實現。parent.vue parent add child 1 button c child div template import child from child expor...
vue父子元件傳參使用props
父子元件傳遞引數，使用props 總結下 驗證型別 支援的型別 string，number，boolean，array，symbol，object，function，date 基礎型別檢查 null 匹配任何型別 propa number,多個可能得型別 propb number,string 必填...