Vue中v-model和和v-bind绑定数据的区别
前言：Vue的模板采用DOM模板，也就是它的模板可以当做DOM节点运行，在浏览器下不报错。绑定数据有三种方式，插值{{name}}，v-model和v-bind。v-bind： <p v-bind:class="classed"> 用法：后面加冒号，再跟上html元素的attributions。v-bind绑定了属性变量data.c
·
前言：Vue的模板采用DOM模板，也就是它的模板可以当做DOM节点运行，在浏览器下不报错。绑定数据有三种方式，插值{{name}}，v-model和v-bind。
v-bind：
<p v-bind:class="classed">
用法：后面加冒号，再跟上html元素的attributions。v-bind绑定了属性变量data.classed的值，当data.classed值发生变化的时候，class属性也发生变化。
v-model：
v-model主要是用在表单元素中，它实现了双向绑定。
v-model是一种双向绑定，那么也就是说，你绑定的元素得有机会改变值。所以实际上v-model基本上只会用在input, textarea, select这些表单元素上。
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)