bootstrap的表单验证 vue_vue2.0数据双向绑定与表单bootstrap+vue组件

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

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

demo1

{ { name }}

new Vue({

el: '#app',

data: {

name: ''

},

watch: {

name: function () {

console.log(this.name);

}

}

});

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

el是指的挂载的元素，

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

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

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

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

let service = $('.vendor').val();

let vendor = document.getElementsByClassName('vendor')[0].va