父子通信VUE

vue 的父子通信
 父传子 传递

当子组件子在父组件中当做标签使用的时候 通过给子组件绑定一个自定义属性 值为需要传递的数据

接收  : 子组件内部通过props 进行接收 

接收的方式一种是数组另一种是对象 一般情况下我们用对象 因为对象接受可以校验数据类型

props:【“自定义属性”】

props:{

  val:{

    type:string,

    default:默认值

  }

}

子传父

传递:当子组件给父组件传递数据的时候 通过调用父组件给子组件邦定的自定义事件 然后将值传过去

接收:父组件通过自定义事件的函数来接收子组件传递过来的数据

这个自定义方法函数在绑定的时候不需要加()

非父子

每个组件this 指向不同 给vue。proprtype添加一个属性

1在vue的原型上添加一个公共vue实例组件之间调用这个公共实例的$on/$emit 来传递数据  传递一方调用$emit 接收调用$on

2手动封装$on$off$emit  原理 观察者模式

3EventBus

4vuex

猜你喜欢

转载自www.cnblogs.com/wsj1/p/10582645.html