Nuxtjs2.4 vuex 配置更新的问题

在 nuxtjs 升级到2.4之后,采用旧的 store 配置方式,配置 vuex 将会报错:

Classic mode for store/ is deprecated and will be removed in Nuxt 3.

这是说在2.4版本之后,已经废弃这种配置 vuex 的方式。并且在3.0之后会移除该配置方式。这时候我们就需要进行更新了,更新我们先看下旧的 vuex 配置方式。

旧版 目录结构
旧版的 index.js代码

接下来我们就要讲新版的 nuxtjs 配置了。实现上述的 vuex 构造,新版本配置如下:

新版目录结构


新版 index.js
新版 geo.js

总结新版有以下几点:

1.不需要 modules 目录,所有 modules 直接写出 xxx.js 就是模块了。

2.index中不需要 vue.use(vuex) 等模板代码了,全部由 nuxt 完成。

3.action 需要自己写,默认 nuxt 会自动配置生成。直接调用即可。

4.如果有帮助到您,点个赞呗。😀

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 1,578评论 0 7
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应...
    白水螺丝阅读 4,838评论 7 61
  • 系列文章:Vue 2.0 升(cai)级(keng)之旅Vuex — The core of Vue applic...
    6ed7563919d4阅读 4,732评论 2 58
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 3,090评论 0 7
  • Vuex 概念篇 Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式...
    Junting阅读 3,215评论 0 43

友情链接更多精彩内容