使用HBuilderX-普通项目之vue-cli默认项目开发前端（三）

第三步：学习并安装一些基本的插件

工欲善其事，必先利其器，在写代码之前，很有必要学习并安装一些有用的插件，让开发更加简单顺畅。

一、学习并安装pubsub-js

1、pubsub-js有什么用？

某些时候（比如中小型项目中）可以取代笨重的vuex，用于组件间通信。

PubSubJS不依赖于任何库和不限于任一框架。

不管是父子之间还是非父子之间通信PubSubJS都可以实现。

可以实现一次订阅，在任何组件中发布。

2、pubsub-js是什么？

PubSubJS是用JavaScript编写的发布/订阅库。

订阅：可以简单的理解为，我们自定义了一个函数，并把它添加到一个可以全局使用的列表中去；

发布：可以简单的理解为，我们在触发的事件中，使用了这个函数。

3、pubsub-js怎么使用？

控制台安装：

npm install pubsub-js

导入：

 import PubSub from 'pubsub-js'

订阅：

created(){//在实例创建完成后被立即调用。
    //订阅事件
    PubSub.subscribe("test-pubsub",(msg, data)=>{
        console.log(msg, data);
    })
}

发布：

methods:{
  testFun(){
      //发布事件
     PubSub.publish("test-pubsub", {data1:"data1",data2:"data2"});
  }
}

二、学习并安装axios

1、axios有什么用？

用于网络请求，axios既提供了并发的封装，而且体积也较小，当之无愧现在最应该选用的请求的方式。

2、axios是什么？

用于浏览器和node.js的基于Promise的HTTP客户端。

axios本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范。

推荐参考文章《Jquery ajax, Axios, Fetch区别之我见》

3、axios怎么使用？

控制台安装：

npm install axios

导入：

import Axios from 'axios'

使用：

参考《vue2.0之axios使用详解(一)》、《vue2.0之axios使用详解(二)》

三、vue-cli 3.x使用less、sass

控制台安装：

# Sass
npm install -D sass-loader sass

# Less
npm install -D less-loader less

# Stylus
npm install -D stylus-loader stylus