乐趣区

关于前端:了解vmodel和vbind的区别

看相熟公司他人代码的时候,发现我在 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,次要是用在表单元素中,它是双向绑定的。

退出移动版