开发门户网站多少钱,一个人可做几次网站备案,学风建设网站的优势,先建设网站后付款vue2.0 中央控制总线 Bus
1. 废话不多说#xff0c;直接上代码 2. main.js中 加入
// main.js
//创建中央控制总线 Bus
// 说白了就是new一个vue实例#xff0c;将方法挂在上去
Vue.prototype.$event new Vue();事件分发***#xff08;A组件中#xff09;*** // A组件中…vue2.0 中央控制总线 Bus
1. 废话不多说直接上代码 2. main.js中 加入
// main.js
//创建中央控制总线 Bus
// 说白了就是new一个vue实例将方法挂在上去
Vue.prototype.$event new Vue();
事件分发***A组件中*** // A组件中// 事件分发// 参数一 方法名// 参数二 传递出去的参数methods: {clickFun(){this.$event.$emit(refreshFun,Math.random())},}事件监听 B组件 // 事件监听mounted() {this.$event.$on(refreshFun, (val) {console.log(val) // 0.7022180283884656});},事件销毁***A组件中*** beforeDestroy(){this.$event.off(refreshFun) }一个简单的事件分发完成当然你也可以在 拓展 main.js
// 对方法进一步的处理Vue.prototype.$event new vue({data:{},methods:{//绑定事件on(eventname,callback){this.$on(eventname, callback);},//触发事件传递数据emit(eventname,...arg){this.$emit(eventname, ...args);},// 解绑off(eventname,callback){this.$off(event, callback);}}}// ...............................
