zoukankan      html  css  js  c++  java
  • vue 组件间传值(兄弟)(bus方式)

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

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

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

    1 import Vue from 'vue'
    2 export default new Vue;

    然后在需要传递消息的两个组件引入

      import MsgBus from '@/components/utils/msgBus.js';

    2.发送消息

      触发组件的事件:

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

    3.接受消息

      接受组件的事件:

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

    1 MsgBus.$on('msg', (e) => {
    2   this.examineNum = e;
    3 })
  • 相关阅读:
    单分发器
    Python 虚拟环境
    $modal
    memoization
    directive例子2
    UI-Router
    angular-translate
    directive例子1
    FileInputStream/FileOutputStream的应用
    自定义readLine
  • 原文地址:https://www.cnblogs.com/hanchongyang/p/8668816.html
Copyright © 2011-2022 走看看