一、input与vue的双向绑定
在Vue.js中，双向数据绑定是非常重要的一个特性，对于页面中的表单，双向数据绑定更是必不可少。因为用户在表单输入框中输入的内容是会发生变化的，这就需要我们及时地将最新的值绑定到数据源上，而双向数据绑定正好满足这个需求。
在Vue.js中，我们可以通过v-model指令来实现双向数据绑定。这个指令可以把表单元素和组件的数据属性之间进行绑定。
下面我们以input为例，来展示如何使用v-model指令实现input与vue的双向绑定：
{
data() {
return {
inputValue: ""
};
},
methods: {
updateValue(event) {
this.inputValue = event.target.value;
}
},
template: `
<input :value="inputValue" @input="updateValue" />
原创文章，作者：DFWDV，如若转载，请注明出处：https://www.506064.com/n/334521.html
微信扫一扫 
支付宝扫一扫 