状态管理store

163 阅读1分钟

image.png

1.状态管理module初级使用

文件格式

image.png

某个模块编写

image.png

模块添加到store上

image.png

引用模块

image.png

2.状态管理module中级使用 yarn run dev:(module)

文件格式

image.png

第一层公共的actinons getters mutation方法

第二层modules下 每个都是单一的modules

image.png

第二层entrance 引入需要的modules 生成状态管理

image.png

引入store 生成 main.js

image.png

store使用 使用状态管理为user

state getter

image.png

action

image.png

image.png

image.png

mutation

image.png

image.png

3.项目分割

image.png

app.js

var argv = require('yargs').argv

var apps = {
  communication: {
    name: '"communication"',
    entry: './src/entrance/communication',
    APP_ENV: '"communication"'
  },
  scCommunity: {
    name: 'scCommunity',
    entry: './src/entrance/scCommunity',
    APP_ENV: '"scc"'
  },
  community: {
    name: '"community"',
    entry: './src/entrance/community',
    APP_ENV: '"provinceCommunity"'
  },
  qualityEvaluation: {
    name: 'qualityEvaluation',
    entry: './src/entrance/qualityEvaluation',
    APP_ENV: 'qualityEvaluation'
  },
  attendance: {
    name: 'attendance',
    entry: './src/entrance/attendance',
    APP_ENV: 'attendance'
  },
  questionnaire: {
    name: 'questionnaire',
    entry: './src/entrance/questionnaire',
    APP_ENV: 'questionnaire'
  },
  portal: {
    name: 'portal',
    entry: './src/entrance/portal',
    APP_ENV: 'portal'
  },
  elective: {
    name: 'elective',
    entry: './src/entrance/elective',
    APP_ENV: 'elective'
  },
  oa: {
    name: 'oa',
    entry: './src/entrance/oa',
    APP_ENV: 'oa'
  },
  read: {
    name: 'read',
    entry: './src/entrance/read',
    APP_ENV: 'read'
  },
  user: {
    name: 'user',
    entry: './src/entrance/user',
    APP_ENV: 'user'
  },
  agent: {
    name: 'agent',
    entry: './src/entrance/agent',
    APP_ENV: 'agent'
  },
  growth: {
    name: 'growth',
    entry: './src/entrance/growth',
    APP_ENV: 'growth'
  },
  app: {
    name: 'app',
    entry: './src/entrance/app',
    APP_ENV: 'app'
  },
  recruitStudents: {
    name: 'recruitStudents',
    entry: './src/entrance/recruitStudents',
    APP_ENV: 'recruitStudents'
  },
  intelligentForm: {
    name: 'intelligentForm',
    entry: './src/entrance/intelligentForm',
    APP_ENV: 'intelligentForm'
  }
}

var startedApp = apps[argv.app]

module.exports = startedApp