当前位置: 首页 > Web前端 > vue.js

搞清楚v-model和v-bind的区别

时间:2023-04-01 12:03:57 vue.js

在公司熟悉别人代码的时候,发现分不清vue中v-mdoel和v-bind的区别。查了资料,整理了如下总结:通常来说,vue中的数据绑定一般分为三种。第一种是通过插值,即通过mustache语法,{{name}}来绑定实例数据中对应的属性第二种是通过v-bind,v-bind:class中的类不是字符串,而是一个变量,也就是vue实例中对应的data.classed变量。data.classed中的值将传递给类属性。当data.classed改变时,class属性也会改变,但只是单向的。三是通过v-model,主要用在表单元素上,是双向绑定。