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 })
  • 相关阅读:
    毕业论文格式
    2018.12.14
    关于百度搜索引擎的优缺点
    2018.12.13
    2018.12.12
    2018.12.11
    2108.12.10
    2018.12.9
    2018.12.8
    2018.12.7
  • 原文地址:https://www.cnblogs.com/hanchongyang/p/8668816.html
Copyright © 2011-2022 走看看