vuex 框架里面的使用

目录结构

• store
  • modules
    • user.js
  • getters.js
  • index.js
• views
  • save.vue
  • show.vue

getters.js

const getters = {
   
  name: state => state.user.name
}
export default getters

index.js

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
import user from './modules/user'
Vue.use(Vuex)

const store = new Vuex.Store({
   
  modules: {
   
    user
  },
  getters
})

export default store

user.js

import {
    login, logout, getInfo } from '@/api/user'
import {
    resetRouter } from '@/router'

const