vuex-class在typescript+vue项目中的使用

1,466 阅读1分钟

vuex-class是vuex和vue-class-component的绑定助手,
包装了vuex, 简化了代码。 使用方法:

  1. 安装
npm install vuex-class
or
yarn add vuex-class
  1. 用法 About.vue页代码如下

001.bmp 由上图可知:

  • 当分模块调用state、mutations、actions、getters时,需要引入namespace,并且调用的时候需要加上@nameSpaceName
  • 当调用全局的state、mutations、actions、getters时,可以直接通过@State、@Mutation、@Action、@Getter获取,在调用时,直接使用this调用即可。

vuex相关代码如下:

003.bmp

002.bmp

004.bmp