vuex存儲(chǔ)信息，刷新頁(yè)面后數(shù)據(jù)沒(méi)了，有什么辦法可以保留數(shù)據(jù)么？vuex和window對(duì)象很相似，因?yàn)槭荢PA，所以vuex可以做狀態(tài)管理。但是vuex當(dāng)頁(yè)面刷新的時(shí)候會(huì)被重置為其初始值，或者說(shuō)你用v

vuex存儲(chǔ)信息，刷新頁(yè)面后數(shù)據(jù)沒(méi)了，有什么辦法可以保留數(shù)據(jù)么？

vuex和window對(duì)象很相似，因?yàn)槭荢PA，所以vuex可以做狀態(tài)管理。但是vuex當(dāng)頁(yè)面刷新的時(shí)候會(huì)被重置為其初始值，或者說(shuō)你用vue做多頁(yè)面，這時(shí)候你的狀態(tài)是不會(huì)被保存的。localstorage是h5本地存儲(chǔ)的一種方式，localStorage保存的數(shù)據(jù)，一般情況下是永久保存的，也就是說(shuō)只要采用localstorage保存信息，數(shù)據(jù)便一直存儲(chǔ)在用戶(hù)的客戶(hù)端中。即使用戶(hù)關(guān)閉當(dāng)前web瀏覽器后重新啟動(dòng)，數(shù)據(jù)讓然存在。知道用戶(hù)或程序明確制定刪除，數(shù)據(jù)的生命周期才會(huì)結(jié)束。這么講你應(yīng)該明白它們各自的使用場(chǎng)景了吧。

vue中Axios的封裝與API接口的管理詳解？

首先，在自己建的公用方法的文件中new一個(gè)新的HttpUtil.js文件。以下為HttpUtil.js的內(nèi)容：var axios = require("axios")// 配置項(xiàng)目根如路徑var root = "http://localhost:8090/manage"http:// axios請(qǐng)求function httpApi (method， url， params) { return new Promise((resolve， reject) => { axios({ method: method， url: url， data: method === "POST" || method === "PUT" ? params : null， params: method === "GET" || method === "DELETE" ? params : null， baseURL: root， withCredentials: false }).then((response) => {resolve(response)}).catch((error) => {reject(error)})})}// 返回在vue模板中的調(diào)用接口export default { get: function (url， params) { return httpApi("GET"， url， params)}， post: function (url， params) { return httpApi("POST"， url， params)}， put: function (url， params) { return httpApi("PUT"， url， params)}， delete: function (url， params) { return httpApi("DELETE"， url， params)}}