了解v-model和v-bind的区别

看熟悉公司别人代码的时候,发现我在vue中分不清v-mdoel和v-bind的区别,自己查询资料整理出来以下总结:

正常来说的话,vue中的数据绑定一般有三种。

第一种是通过插值,也就是通过mustache语法,{{name}}的形式来和实例data中对应的属性进行绑定

第二种就是通过v-bind,v-bind:class里面的class不是字符串,而是一个变量,是vue实例里面对应的data.classed这个变量。data.classed里面是什么值,就会给class属性传递什么值,当data.classed发生变化时,class属性也会进行变化,但只是单向变动。

第三种是通过v-model,主要是用在表单元素中,它是双向绑定的。

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