vue3项目脚手架@不提示路径问题,以及vuex数据持久化配置

vue3项目脚手架@不提示路径问题,以及vuex数据持久化配置,第1张

1.创建jsconfig.json文件,配置如下:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
    }
  },
  "exclude": ["node_modules", "dist"]
}

解决@不提示路径问题
2.vuex的插件vuex-persistedstate来支持vuex的状态持久化

npm i vuex-persistedstate
import { createStore } from 'vuex'
+import createPersistedstate from 'vuex-persistedstate'

import user from './modules/user'
import cart from './modules/cart'
import cart from './modules/category'

export default createStore({
  modules: {
    user,
    cart,
    category
  },
  plugins: [
    createPersistedstate({
      key: 'erabbit-client-pc-store',
      paths: ['user', 'cart']
    })
  ]
})

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1321775.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-12
下一篇2022-06-12

发表评论

登录后才能评论

评论列表(0条)

    保存