0
点赞
收藏
分享

微信扫一扫

Vue组件间的通信(一)

捡历史的小木板 2022-02-23 阅读 205
vue.js

(一)props的传送与接收(用于父组件给子组件传递数据

子传父:

案例:

子:MyList

父:App

在app中定义addtodo方法,

如果想让Mylheader中的数据或者方法传送到app中,则在Myheader标签上添加

:addtodo=“addtodo” 在Myheader.vue中声明接收props:【addtodo】

 

使用时则在Mylist定义的方法中调用对应的方法和参数this.addtodo(参数)

 如果是子传爷爷,则子先传父,父接收声明,父在传爷,爷接收声明

(二)全局事件总线

首先在main.js指定事件总线对象beforecreate(){

Vue.prototype.$bus=this

}

 在app.vue中绑定事件和解绑事件

 在需要调用的组件中触发事件

 

举报

相关推荐

0 条评论