Vue实战(三)项目配置

项目地址：Github
往期链接：
Vue实战--活动创建项目(一)项目分析
Vue实战--活动创建项目(二)路由设计及导航栏开发

接下来，我们做一些简单的项目配置。

fastclick解决移动端click300毫秒延迟

首先安装一下fastclicknpm i fastclick -s
然后再main.js中引入，并绑定到body

import FastClick from 'fastclick'

FastClick.attach(document.body);

mock.js实现前端独立开发

mock.js,模拟后台数据，拦截ajax请求，好东西
Vue+Mock.js搭建前端独立开发环境

全局使用axios

axios,哪里需要就在哪里引入，有时候需要使用axios的页面太多，一个一个引入就太麻烦，我们可以把axios挂载到vue上
两种方法：一种直接把axios挂载到vue构造函数的prototype属性上，组件中通过this.axios来拿到axios
第二种方法就是通过vue-axios来全局使用axios，组件中也是通过this.axios来拿到axios

// 第一种方法
// main.js
import Vue from 'vue'
import axios from 'axios'

Vue.prototype.axios = axios


//第二种方法
// main.js
import Vue from 'vue'
import axios from 'axios'
import Vueaxios from 'vue-axios'

Vue.use(Vueaxios, axios)

后续文章：Vue实战(四)登录/注册页的实现