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通知父组件值发生了改变，形成单向数据流

3、$attrs 和 inheritAttrs

• $attrs用于存储props之外的内容

  • 例如：父组件通过:value给子组件传值，但是父组件中设置了type="password"，并未通过props传给子组件，此时，值就存在$attrs中

• 设置inheritAttrs: false  避免顶层容器继承属性