vue 组件间传值、兄弟组件 、bus方式 ( 1 分钟看懂 )
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。
bus方式的组件间传值其实就是建立一个公共的js文件,专门用来传递消息
1.建立公共文件,并引入
新建msgBus.js文件。只需两句代码。
import Vue from 'vue'
export default new Vue;
然后在需要传递消息的两个组件引入
import MsgBus from '@/components/utils/msgBus.js';
2.发送消息
触发组件的事件:
MsgBus.$emit('msg', _this.examineNum);
3.接受消息
接受组件的事件:
写在钩子函数内:例如:mounted created都可以
MsgBus.$on('msg', (e) => {
this.examineNum = e;
})
转自:https://www.cnblogs.com/hanchongyang/p/8668816.html
还没有评论,来说两句吧...