（十）vuex 应用文件结构

├── index.js store 入口文件，也是顶级模块
├── mutations.js 存放 mutations
├── actions.js 存放 actions
├── getters.js 存放 getters
└── modules 子模块，里面是递归文件的格式

import { createStore, createLogger } from 'vuex'

// 根模块拆分出去的
import mutations from './mutations.js'
import actions from './actions.js'
import getters from './getters.js'

import { blogs } from './modules/blogs/index.js'

export const store = createStore({
  plugings: [createLogge()],

  modules: {
    blogs: blogs
    // 简写
    blogs
  },

  state() {
    return {
      num: 1
    }
  },

  mutations: mutations,
  actions: actions,
  getters: getters
})

// 使用默认导出
export default {
  fn('prams') {
    // 逻辑
  }
}

import mutations from './mutations.js'
import actions from './actions.js'
import getters from './getters.js'

export const blogs = {
  namespaced: true,

  state() {
    return {
      num: 1
    }
  },

  mutations: mutations,
  actions: actions,
  getters: getters
}

import { createApp } from "vue";

import App from "./App.vue";
import { store } from "./store";

const app = createApp(App);

// 
app.use(store);

app.mount("#app");