傳統的後台管理系統有很多功能模組，需要寫很多網頁。我們可以使用vue，通過vue的路由和元件功能，只寫乙個頁面就可以完成乙個管理系統。
//1.需要引入的依賴
import axios from 'axios'
//2.可以對axios做一些配置
axios.defaults.baseurl = 「***」; // 設定axios的基礎請求路徑
axios.defaults.timeout = 2000; // 設定axios的請求時間
//3.可以給axios封裝方法
axios.loaddata = async function (url)
//把axios例項引入到vue的例項
//在元件中使用，通過this.$http就能找到axios了
},
3.1封裝axios的get方法
/**
* 1、我們自己封裝的、同步ajax請求方法
* 2、也是get請求，同步德get請求
* @param url
* @returns
*/axios.loaddata = async function (url)
/**
* 1、async和下面的await配合使用
* 2、如果不加這個關鍵字的話，js的ajax請求預設是非同步的，也就是說，下面方法裡的兩個請求，不管成功與失敗，後面的**都會執行
* 3、這裡我們的業務邏輯是，如果ajax請求資料失敗的話，顯示編輯框也沒有意義
* 4、所以加上同步關鍵字，讓ajax變成同步的，讓他們順序執行，如果請求失敗，後面就別執行了
* 5、注意，loaddata方法，是我們自己封裝的。點進去看看。
*/async editgoods(oldgoods) ,
Vue 單頁應用的首屏優化
對於單頁應用，要在乙個頁面上為使用者提供產品的所有功能，在這個頁面載入的時候，首先要載入大量的靜態資源，這個載入時間相對比較長。所以我們需要做一些相應的優化，減少響應時間，盡快把首屏顯示出來。1 壓縮 無論是否為單頁應用，的壓縮都是要做的。對於vue cli生成的專案，在webpack配置檔案中使用...
vue單頁應用頁面快取方案
首先我想到的是方案a 方案一 vue的keep alive元件 具體使用如下 這樣所有的頁面都會進行快取。包裹動態元件時，會快取不活動的元件例項，而不是銷毀它們。和 相似，是乙個抽象元件 它自身不會渲染乙個 dom 元素，也不會出現在父元件鏈中。當元件在 內被切換，它的 activated 和 de...
vue router 建立 vue 單頁應用示例
1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title title title 6 link rel stylesheet href css style.css 7 script src js vue.min.js scri...