vue2.0数据双向绑定与表单bootstrap+vue组件

发布时间：2020-12-17 03:03:38 所属栏目：百科来源：网络整理

导读：最近一直在用vue，觉得确实是好用。一，拿数据的双向绑定来说吧 demo1 vue中的所有数据都是在data中定义的， el是指的挂载的元素， watch 是我可以检测某个数据的变化。 v-model=“name” 就是与data中的name数据绑定，input框中的值变，那么data中的name也

最近一直在用vue，觉得确实是好用。

一，拿数据的双向绑定来说吧

demo1

vue中的所有数据都是在data中定义的，

el是指的挂载的元素，

watch 是我可以检测某个数据的变化。

v-model=“name” 就是与data中的name数据绑定，input框中的值变，那么data中的name也会变，我们可以通过差值操作，也就是{{name}}来看到变化，当然也可以像我一样打log。都是可以的。

当然这样也许还不是很实用，官网上也是这么介绍的，那么就说我在工作中是怎么用的吧

现在我的需求是要得到我表单里边的所有value ，我们也许可以

但是这样就完全没有get到vue双向绑定的好处了，那么我们该怎么做呢？

看到没，我就是直接用的this.vendor， vendor是在data中定义好的，也进行了双向绑定v-model

Device Description

以上所述是小编给大家介绍的vue2.0数据双向绑定与表单bootstrap+vue组件。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!