vue 组件间传值、兄弟组件 、bus方式 ( 1 分钟看懂 )

淩亂°似流年 2022-04-02 08:52 267阅读 0赞

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

bus方式的组件间传值其实就是建立一个公共的js文件,专门用来传递消息

1.建立公共文件,并引入

  新建msgBus.js文件。只需两句代码。

  1. import Vue from 'vue'
  2. export default new Vue;
  3. 然后在需要传递消息的两个组件引入
  4. import MsgBus from '@/components/utils/msgBus.js';

2.发送消息

  触发组件的事件:

  1. MsgBus.$emit('msg', _this.examineNum);

3.接受消息

  接受组件的事件:

 写在钩子函数内:例如:mounted created都可以

  1. MsgBus.$on('msg', (e) => {
  2. this.examineNum = e;
  3. })

转自:https://www.cnblogs.com/hanchongyang/p/8668816.html

发表评论

表情:
评论列表 (有 0 条评论,267人围观)

还没有评论,来说两句吧...

相关阅读