vue.js 學習 僅本身增強記憶

 

vue表單輸入綁定

可使用v-model在表單控件上實現數據的雙向綁定，它會根據控件的類型選擇正確的方法更新元素的數據，

v-model會忽略全部表單控件的value、checked、selected的初始值，由於它會選擇vue實例數據做爲具體的值；

應該在js中聲明初始化data的值。

 

<div id="app">
    <input type="text" v-model="message" placeholder="edit it">
    <p>So,message is:{{message}}</p>
</div>

new Vue({
    el:'#app',
    data:{
        message:''
    }
})

 

<div id="example-4">
  <input type="radio" value="Checked One" v-model="picked">
   
  <br>
  <input type="radio" value="Checked Two" v-model="picked">
   
  <br>
  <span>Picked: {{ picked }}</span>
</div>

 

 

Picked: {{ picked }}