vue

Posted 2022-03-04 heidekeyi

 

 

‎

Table of Contents

• 1. 环境
• 2. 安装vue
• 3. 创建项目
• 4. 启动项目
• 5. 总线模式传递数据
  • 5.1. 建立通道
  • 5.2. 发送事件
  • 5.3. 接收事件（多个同时收到）
• 6. HTTP 请求放在created中执行比较好

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也没有挂载

Created: 2019-07-01 周一 10:00

Validate