Vuex数据可视化

Posted zhaobao1830

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vuex数据可视化相关的知识,希望对你有一定的参考价值。

参考:https://gitee.com/hjm100/codes/46towe9v28a1bxfqhc7kl34

Vuex虽然能存储数据,但是一刷新就没有了,如果要实现数据持久化,就需要用vuex-persist

安装:npm install vuex-persist --save-dev

store的index.js文件引入

import VuexPersistence from vuex-persist

const vuexLocal = new VuexPersistence({
  storage: window.localStorage
})

export default new Vuex.Store({
  actions,
  getters,
  state,
  mutations,
  strict: debug,
  // plugins: debug ? [createLogger()] : []
  plugins: [vuexLocal.plugin]
})

这样就可以了,然后正常保持数据到store就行

以上是关于Vuex数据可视化的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段13——Vue的状态大管家

VSCode自定义代码片段13——Vue的状态大管家

Vuex状态数据源state

json 可视代码工作室Angular with Firebase片段

项目集成 vue-router 和 vuex

Vue 教程(四十九)Vuex 核心概念和项目结构