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 }}