Vue组件间的通信(一)

阅读 205

2022-02-23

(一)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)

0 0 举报