Table of Contents
1 环境
win10 + node12.x + yarn
2 安装vue
yarn add -D @vue/cli
3 创建项目
npx vue create app1
4 启动项目
cd app1
yarn serve
5 总线模式传递数据
发送接收事件名称要求一致
5.1 建立通道
在main.js中添加
Vue.prototype.$bus = new Vue();
5.2 发送事件
在父组件中添加
this.$bus.$emit(‘time‘);
5.3 接收事件(多个同时收到)
子组件中添加
this.$bus.$on(‘time‘, () => { window.console.log(‘收到事件了‘); });
6 HTTP 请求放在created中执行比较好
- 刚好能操作data中的数据
- dom也没有挂载