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这些表单元素上。
更多推荐
已为社区贡献2条内容
所有评论(0)