Vue父子vue-router路由传递数据与父子组件传递数据之分析

父子路由传递数据

分析如下

  • 实际上等同于父子组件之间,数据的传递;
  • 父传子 ---------> 父绑定属性,子props接受属性值
  • 子传父 ---------> 触发自定义事件,子触发$emit,父接收
  • 父组件触发子事件 -------> 在父组件中获取子组件的实例(可以通过在父组件中给子组件绑定ref,在父组件中获取子组件的实例,再调用子组件中相应事件即可),
  • 以下案例主要是父路由给不同子路由传递数据的方法,其中主要是beforeRouterUpdate() 与 父子路由传递数据的结合

**第一步,父路由/组件定义







第二步,子组件son2/son1定义(类似)





你可能感兴趣的:(Vue)