v-model 实现数据的双向绑定
数据(data)变化 ---->视图(view)也跟着变化
视图(view)变化 ---->数据(data)也随之变化
一般用于表单控件,实现数据的双向绑定
v-model 是一个语法糖,v-bind:value设置数据,使用v-on绑定input事件更改使用数据
<input v-model="msg" />
<input v-bind:value="msg" v-on:input="msg=$event.target.value" />
<input :value="msg" @input="msg=$event.target.value" />
单向数据流
父向子传值:父组件通过props可以向子组件进行传值,如果父组件的数据变了,子组件的数据个会跟着改变,反过来就不行。
特殊情况:如果是引用相似的数据,子组件不修改数据的地址也是可以改变的,可以用.属性更改值
props是只读的