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 配置方式。

Nuxtjs2.4 vuex 配置更新的问题_第1张图片
旧版 目录结构
Nuxtjs2.4 vuex 配置更新的问题_第2张图片
旧版的 index.js代码

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

Nuxtjs2.4 vuex 配置更新的问题_第3张图片
新版目录结构


Nuxtjs2.4 vuex 配置更新的问题_第4张图片
新版 index.js
Nuxtjs2.4 vuex 配置更新的问题_第5张图片
新版 geo.js

总结新版有以下几点:

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

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

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

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

你可能感兴趣的:(Nuxtjs2.4 vuex 配置更新的问题)