Vuex的使用

使用方式

  • 安装最新版本的@qihoo/seapp-builder（^1.0.7）

  • 需要在根目录下的app.json文件中添加 store 字段，store 类型为字符串，值为 store文件路径（参考pages的路径规则），如：

  1. //app.json
  2. {
  3.   "pages": ["pages/home/index", "pages/more/index"],
  4.   "window": {
  5.     "enableLargeWindow": true,
  6.     "showRefreshButton": true,
  7.     "windowWidth": 1138,
  8.     "windowHeight": 640,
  9.     "minWindowWidth": 400,
  10.     "minWindowHeight": 400,
  11.     "enableResize": true
  12.   },
  13.   "sdkversion": "1.0.0",
  14.   "sitemapLocation": "sitemap.json",
  15.   "store": "store/store.js"
  16. }
  • store文件中，直接导出Vuex.store实例化的参数选项即可，如： 
  1. //store.js
  2. module.exports = {
  3.     state: {
  4.         time: new Date()
  5.     },
  6.     mutations: {
  7.         changeTime(state, { time }) {
  8.             state.time = time
  9.         }
  10.     },
  11.     actions: {
  12.         async changeTime({
  13.             commit
  14.         }) {
  15.             commit("changeTime", {
  16.                 time: new Date()
  17.             })
  18.         },
  19.     }
  20. }
  • 其他参考Vuex语法编写即可， Vuex已默认挂载到全局变量window中。