現有乙個查詢頁面 index.vue ，組成架構如下
需求：在表單元件中新增乙個下拉框元件a.vue,對地區(area)進行選擇，並做到資料能雙向流動, 由於提交表單是在query，而下拉框資料放在a中，因此a中下拉框資料變化要更新到父元件的表單資料中。
實現
表單元件query.vue：
:model
="queryform"
:rules
="rules"
ref="queryform"
label-width
="120px"
>
label
="地區"
>
v-model
="area"
clearable
>
select-area
>
el-form-item
>
el-form
>
Vue自定義元件資料的雙向繫結方法
最近在學習餓了麼的vue專案製作的課件，課件內容給了我很大的啟發。在開發過程中，資料的單一性可以讓功能更加的安全。之前對vue的學習，更多的停留在父子單向資料繫結，當子元件資料變化時，無法直接影響到父元件。經過這段時間的學習，慢慢找到了一些資料雙向繫結的方法，稍微做了一下總結。v model本質上就...
Vue 自定義元件雙向繫結
無論在任何的語言或框架中，我們都提倡 的復用性。對於vue來說也是如此，相同的 邏輯會被封裝成元件，除了復用之外，更重要的是統一管理提高開發效率。我真就接手過乙個專案，多個頁面都會用到的列表，沒有去封裝列表元件，只要有一點改動，每個頁面都得加上。很肯定的說，沒有用元件化開發的vue專案是沒有靈魂的。...
vue 自定義元件v model實現雙向繫結
官方文件 2.2.0 新增 型別 詳細 允許乙個自定義元件在使用 v model 時定製 prop 和 event。預設情況下，乙個元件上的 v model 會把 value 用作 prop 且把 input 用作 event，但是一些輸入型別比如單選框和核取方塊按鈕可能想使用 value prop...