vue中v-model和:value（即：v-bind:value）
1、区别v-mode实现了视图和data中数据的双向绑定，两者其一改变均改变v-bind:value只是将初始化时data中的数据绑定到input上，修改input中的值并不会改变data中的数据。2、v-model的本质v-model其实时一个语法糖，背后本质上是v-bind:value和v-on:input两个操作父组件将值通过:value传给子组件，当值改变的时候，子组件通过@input通知
·
1、区别
-
v-mode实现了视图和data中数据的双向绑定，两者其一改变均改变
-
v-bind:value只是将初始化时data中的数据绑定到input上，修改input中的值并不会改变data中的数据。
2、v-model的本质
-
v-model其实时一个语法糖，背后本质上是v-bind:value和v-on:input两个操作
-
父组件将值通过:value传给子组件，当值改变的时候，子组件通过@input通知父组件值发生了改变，形成单向数据流
3、$attrs 和 inheritAttrs
-
$attrs用于存储props之外的内容
-
例如：父组件通过:value给子组件传值，但是父组件中设置了type="password"，并未通过props传给子组件，此时，值就存在$attrs中
-
-
设置inheritAttrs: false 避免顶层容器继承属性
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
8
0- 0
已为社区贡献1条内容
所有评论(0)