Props 绑定类型
prop 默认是单向绑定:当父组件的属性变化时,将传导给子组件,但是反过来不会。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解。不过,也可以使用 .sync 或 .once 绑定修饰符显式地强制双向或单次绑定。
<!-- 默认为单向绑定 -->
<child v-bind:my-message="parentMsg"></child>
<!-- 双向绑定 -->
<child v-bind:my-message.sync="parentMsg"></child>
<!-- 单次绑定 -->
<child v-bind:my-message.once="parentMsg"></child>
双向绑定会把子组件的 my-message 属性同步回父组件的 parentMsg 属性。单次绑定在建立之后不会同步之后的变化。
练一下双向绑定,看看会有什么效果呢。