vue 组件间传值、兄弟组件 、bus方式 ( 1 分钟看懂 )
生活随笔
收集整理的這篇文章主要介紹了
vue 组件间传值、兄弟组件 、bus方式 ( 1 分钟看懂 )
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
前些天發(fā)現(xiàn)了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
bus方式的組件間傳值其實就是建立一個公共的js文件,專門用來傳遞消息
1.建立公共文件,并引入
新建msgBus.js文件。只需兩句代碼。
import Vue from 'vue' export default new Vue; 然后在需要傳遞消息的兩個組件引入 import MsgBus from '@/components/utils/msgBus.js';2.發(fā)送消息
觸發(fā)組件的事件:
MsgBus.$emit('msg', _this.examineNum);3.接受消息
接受組件的事件:
寫在鉤子函數(shù)內:例如:mounted? ?created都可以
MsgBus.$on('msg', (e) => {this.examineNum = e; })轉自:https://www.cnblogs.com/hanchongyang/p/8668816.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結
以上是生活随笔為你收集整理的vue 组件间传值、兄弟组件 、bus方式 ( 1 分钟看懂 )的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt-事件循环概念及循环函数详解
- 下一篇: windows消息机制详解-3