3 Vue表單的雙向繫結以及第乙個Vue元件

vue.js 是乙個 mvvm 框架，即資料雙向繫結，即當資料發生變化的時候，檢視也就發生變化，當檢視發生變化的時候，資料也會跟著同步變化。這也算是 vue.js 的精髓之處了。

值得注意的是，我們所說的資料雙向繫結，一定是對於 ui 控制項來說的，非 ui 控制項不會涉及到資料雙向繫結。單向資料繫結是使用狀態管理工具的前提。如果我們使用vuex，那麼資料流也是單項的，這時就會和雙向資料繫結有衝突。

你可以用v-model指令在表單、多行文字是：}}

abc選中的值: }

注意：如果v-model表示式的初始值未能匹配任何選項，元素將被渲染為「未選中」狀態。在 ios 中，這會使使用者無法選擇第乙個選項。因為這樣的情況下，ios 不會觸發 change 事件。因此，更推薦像上面這樣提供乙個值為空的禁用選項。

使用 vue.component() 方法註冊元件,格式如下：

說明：像上面那樣用元件沒有任何意義，所以我們是需要傳遞引數到元件的，此時就需要使用props屬性了！

注意：預設規則下 props 屬性裡的值不能為大寫；

for="array in arrays" v-bind:zhixi="array">

說明：