首页 > 其他 > 详细

父子通信VUE

时间:2019-03-23 10:07:12      阅读:150      评论:0      收藏:0      [点我收藏+]

vue 的父子通信
 父传子 传递

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

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

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

 

props:【“自定义属性”】

props:{

  val:{

    type:string,

    default:默认值

  }

}

 

 

 

子传父

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

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

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

 

非父子

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

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

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

3EventBus

4vuex

父子通信VUE

原文:https://www.cnblogs.com/wsj1/p/10582645.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!