父子通信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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步