【精讲】本地存储插件、前端svg动态波动图的、项目日常总结

第一部分：本地存储插件

在以往，本地存储是需要程序员去写的，但现在有了本地存储的插件，方便了很多，他直接存储到浏览器中，即使你刷新，关闭页面也不会再丢失数据恢复原样，除非你是在应用程序中清空数据。

vuex持久化存储插件

安装：

1.npm install --save vuex-persistedstate

vuecli2
在store入口index.js文件中引入并进行对应配置

引入：

import createPersistedState from “vuex-persistedstate”;

export default new Vuex.Store({
state,
getters,
actions,
mutations,
plugins: [createPersistedState({
storage:window.sessionStorage
})]
});

vuecli3
在store入口index.js文件中引入并进行对应配置

import createPersistedState from “vuex-persistedstate”;
const vuexLocal=VuexPersistence({
storage:window.localStorage,
key:‘localD