v-model和:model的区别
v-model是vue.js中内置的双向数据绑定指令，用于表单控件以外的标签是不起作用的(即只对表单控件标签的数据双向绑定有效)。:model相当于v-bind:model的缩写，v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。当然引用类型除外，子组件改变引用类型的数据的话...
·
v-model是vue.js中内置的双向数据绑定指令，
用于表单控件以外的标签是不起作用的
(即只对表单控件标签的数据双向绑定有效)。
:model相当于v-bind:model的缩写，
v-bind动态绑定指令，默认情况下标签自带属性的值是固定的，
这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。
当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。
<input v-model="message"> =
<input v-bind:value="message" v-on:input="message = $event.target.value" />
上面这个例子中，v-bind:value="message" 只是将message变量的值赋给了input的value，
并没有双向绑定，再此声明一下以防混淆
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
58
0- 0
已为社区贡献1条内容
所有评论(0)