v-model和:model的区别

v-model是vue.js中内置的双向数据绑定指令,用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。

VUE学习篇1

Mustache (双大括号写法)不能在 HTML 属性中使用,应使用 v-bind 指令

<div v-bind:id="dynamicId"></div>

 

这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会被移除:

<button v-bind:disabled="someDynamicCondition">Button</button>

 

1:v-bind动态绑定指令,默认情况下标签自带属性的值是固定的,在为了能够动态的给这些属性添加值,可以使用v-bind:你要动态变化的值="表达式"

2:v-bind用于绑定属性和数据 ,其缩写为“ : ” 也就是v-bind:id  === :id  

3:v-model用在表单控件上的,用于实现双向数据绑定,所以如果你用在除了表单控件以外的标签是没有任何效果的。

 

本文由金沙官网线上发布于Web前端,转载请注明出处:v-model和:model的区别

您可能还会对下面的文章感兴趣: