先说一下场景
未登录时 点击发布文章跳转登陆界面
这是一模态框 需求之这样,点击A 组件 发布按钮 修改B组件 为true 打开模态框
1 找一个雷锋来帮忙 随便写一个 vue
import Vue from 'vue'
export default new Vue()
2 雷锋 导入A组件 注册 雷锋导入B组件 注册
3 因为 要修改B 组件 B组件 有个前台小妹 来接待雷锋
mounted() {
utils.$on('navlogin', (val) => {
this.centerDialogVisible = true;
});
},
4 A 让雷锋去办事情
utils.$emit('navlogin','bbs_login'); 这里为什么 写两个参数 ,第一个 是前台小姐的名字 必须和 B 组件定义的前台小妹 名字一样 第二个是参数 捎点东西过去
总结
1 随便写一个 vue
2 组件A引入 组件B引入
3 谁被调用 谁就安排前台小妹
4 让雷锋去传播信息