html页面使用vuex,Nuxt项目中使用vuex

Nuxt项目中使用vuex

Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。

Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：

引用 vuex 模块

将 vuex 模块 加到 vendors 构建配置中去

设置 Vue 根实例的 store 配置项

Nuxt.js支持两种store的使用方式

普通方式: store/index.js, 返回一个vuex.sotre实例

模块方式: store目录下的所有.js文件会被转换成为状态树指定命名的子模块 (index 是根模块)

1. 在store目录下创建index.js文件

2. State: 在index.js中编写state区域

vuex中的数据源，我们需要保存的数据就保存在这里，可以在页面通过 this.$store.state.变量名 来获取我们定义的数据；