props down, events up
父元件通過 props 向下傳遞資料給子元件；子元件通過 events 給父元件傳送訊息。
靜態 props
要讓子元件使用父元件的資料，需要通過子元件的 props 選項。給 childnode 新增乙個 props 選項和需要的forchildmsg資料;
varchildnode = }
`,
props: ["for-child-msg"]
};
props 宣告的屬性，在父元件的 template 模板代表子元件的地方，屬性名需要使用中劃線寫法；
子元件 props 屬性宣告時，使用小駝峰或者中劃線寫法都可以；而子元件的模板使用從父元件傳來的變數時，需要使用對應的小駝峰寫法
動態 props
在模板中，要動態地繫結父元件的資料到子元件模板的 props，和繫結 html 標籤特性一樣，在父元件的template模板裡使用v-bind繫結；
props 驗證
驗證傳入的 props 引數的資料規格，如果不符合資料規格，vue 會發出警告。
vue.component("example",
}
}
單向資料流
props 是單向繫結的：當父元件的屬性變化時，將傳導給子元件，但是不會反過來。
修改 props 資料
定義乙個區域性變數，並用 prop 的值初始化它。但是由於定義的 ownchildmsg 只能接受 forchildmsg 的初始值，當父元件要傳遞的值變化發生時，ownchildmsg 無法收到更新。
更加妥帖的方式是使用變數儲存 prop 的初始值，並用 watch 來觀察 prop 值得變化。發生變化時，更新變數的值。
data() ;
},
watch:
}
對於絕大多數特性來說，從外部提供給元件的值會替換掉元件內部設定好的值。所以如果傳入type="text"就會替換掉type="date"並把它破壞！慶幸的是，class和style特性會稍微智慧型一些，即兩邊的值會被合併起來，從而得到最終的值。
如果你不希望元件的根元素繼承特性，你可以在元件的選項中設定inheritattrs: false。
關於Vue父子元件傳值（prop）那些事兒
今天解決了乙個父元件給子元件傳值的問題，簡單概述下就是子元件列印出的父元件傳過來的值為空，以及加了watch監聽傳值改變之後表單介面不顯示資料的問題。本文涉及到vue以及ant design表單 首先，父元件傳值給子元件，子元件列印出的穿過來的資料為空。利用watch來監聽傳過來值的變化。父元件 父...
Vue元件傳值 父子元件傳值
父元件可以引入 使用子元件，從業務上看，該父元件有可能對子元件有個性化需求，為了體現元件的靈活多變，可以通過傳值實現。應用情景 語法 父元件要在子元件標籤上通過屬性值方式傳值 子元件標籤 name value name value name value 子元件標籤 子元件接收並應用值，具體通過pro...
父子組建傳值 vue 父子元件傳值
父元件傳給子元件 子元件通過props方法接收資料 子元件傳給父元件 通過 emit方法傳遞引數 一 props方法 1.靜態傳值 父元件中子元件的標籤設定乙個自定義屬性並賦值 子元件中通過props方法接收 export default 2.動態傳值 根據父元件中值的變化，動態改變子元件中的值 父...