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 避免顶层容器继承属性
更多推荐
已为社区贡献1条内容
所有评论(0)