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实战(四)登录/注册页的实现

    原文作者:ZONE_98F
    原文地址: https://segmentfault.com/a/1190000015590305
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞