vue bus傳值

創建bus.js

import Vue from 'vue'
export default new Vue()

在兩個組件中引入bus

import Bus from '@/assets/bus.js'

組件一(test函數是綁定到頁面上的一個點擊事件)

test () {
      console.log(88)
      Bus.$emit('busMsg')
    },

組件二(調用方法前先解綁事
件( bus.off)(bus.off ),然後在重新綁定( bus.on ),不然有可能多次觸發bus)

組件二(調用方法前先解綁事
件( bus.$off ),然後在重新綁定( bus.$on ),不然有可能多次觸發bus)
mounted () {
    Bus.$off('busMsg')
    Bus.$on('busMsg', (e) => {
      console.log(666, 'person1的方法')
    })
  },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章