Vue框架--Vue中的数据绑定

Vue中有两种数据绑定的方式
1.单向数据绑定(v-band):数据只能够从data流向页面
2.双向数据绑定(v-model):数据不仅仅能够从data流向页面,也可以从页面流向data。
        

 备注:
1.双向绑定一般都应用在表单类元素上。(如:input、select等有value属性值的标签上)
2.v-model:value可以简写为v-model,因为v-model默认收集的就是value的值

实现案例:

Vue框架--Vue中的数据绑定_第1张图片

Vue框架--Vue中的数据绑定_第2张图片

你可能感兴趣的:(Vue,vue.js,javascript,前端)