Vue实战(三)项目配置

项目地址:Github
往期连接:
Vue实战--活动建立项目(一)项目分析
Vue实战--活动建立项目(二)路由设计及导航栏开发前端

接下来,咱们作一些简单的项目配置。vue

fastclick解决移动端click300毫秒延迟

首先安装一下fastclicknpm i fastclick -s
而后再main.js中引入,并绑定到bodyios

import FastClick from 'fastclick'

FastClick.attach(document.body);

mock.js实现前端独立开发

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

全局使用axios

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

// 第一种方法
// 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实战(四)登陆/注册页的实现ajax

相关文章
相关标签/搜索