当前位置:Gxlcms > JavaScript > vue2.0数据双向绑定与表单bootstrap+vue组件

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

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

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

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

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

el是指的挂载的元素,

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

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

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

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

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

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

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

Device Description

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

以上所述是小编给大家介绍的vue2.0数据双向绑定与表单bootstrap+vue组件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!

更多vue2.0数据双向绑定与表单bootstrap+vue组件相关文章请关注PHP中文网!

人气教程排行