1、组件的复用
父子组件传递数据
父组件传给子组件要prop
子组件传给父组件要emit
在有些情况下,我们需要对一个 prop 进行“双向绑定”。官方推荐以update:my-prop-name 的模式触发事件(因为以真正的双向绑定方式会带来维护上的问题--子组件可以变更父组件,且在父组件和子组件都没有明显的变更来源)
sync 修饰符 实现父子组件同步数据
父组件中:
<child-page :data.sync="childData"></child-page>
<!-- 子组件注册data数据: -->
props: ['data']
<!-- 子组件改变data:通过点击按钮,触发update事件,将要修改的值传入 -->
<x-button @click.native="updataChildDataByF">父组件点击修改childData</x-button>
// 子组件方法
updataChildDataByC() {
this