原理:
利用本地快取 (localstorage sessionstorage)
備份 vuex 在重新整理時, 去快取中的備存 來初始化 vuex中的state的資料
在mutations修改 vuex的資料時, 同時更新一下備份
外掛程式:vuex-persistedstate
npm i vuex-persistedstate -
simport createpersistedstate from
"vuex-persistedstate"
// 基礎用法 預設使用localstorage 快取 且 快取所有的資料
const store =
newvuex.store()
// 高階用法 指定 快取 指定哪些字段快取
const store =
newvuex.store(}
})]}
)
vue.use(外掛程式[,options]) 往全域性新增 一些功能(可以是全域性元件、全域性指令、過濾器、全域性方法、全域性屬性)
定義指令
// 指令 其實就是乙個 物件 要求這個物件 必須要有乙個 方法 install
const plugin =
}vue.
use(plugin)
// 外掛程式的install自動呼叫,同時 把 vue傳過去
前後端分離開發中
一般 介面都需要 在請求頭 中攜帶token
1,token從哪來
登入時 成功返回資訊中攜帶 請求成功後前端快取起來
2,token如果沒有傳會怎麼樣
後端 會返回乙個錯誤的code 比如 402
3,token過期了怎麼辦
(2)用vue寫專案 專案檔案結構
readme.md專案描述說明檔案 package.json 安裝依賴的包 index.html 首頁模板,專案的首頁 postcssrc.js 是post的配置項 gitignore 有些檔案不需要用git上傳,不需要上傳 eslintrc.js 規範,按eslint標準 eslintignore...
vue移動端專案經驗 三
sendcomment comment?aid then res else if res.data.code 401 then catch 登入頁 login login params then res this.router.replace 這裡為什麼用replace不用push?因為直接替換路由...
小白接觸GitHub 三 vue專案上傳
註冊github 註冊詳情 一直next到finish 新建repository儲存庫 git bash here 在專案空白處右鍵,如果你之前安裝git成功的話,右鍵會出現兩個新選項,分別為git gui here,這裡我們選擇git bash here git init git init初始化倉...