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

相關文章
相關標籤/搜索