第一步:在plugins文件夹中新建bus.js当然名字可以随便取
import Vue from 'vue'
const bus = new Vue()
export default (app,inject) => {
inject('bus',bus)
}
第二步:在nuxt.config.js中配置
plugins: [
{src:'@/plugins/bus',ssr: false},
],
第三步:使用
mounted(){ //页面或者组件中使用
this.$bus.$on('changeLogin',data=>{
this.showLogin = data
})
},
//在asyncDate中使用可以直接使用 app.$bus 在全局的middleware中使用也是同理