如果是用vueCli 脚手架创建的项目,并且创建时勾选了Vuex,那么在src里面就会多了一个store文件夹,里面有index.js

手动安装的话,大家约定也是在src下面创建store文件夹,创建index.js 文件

Vuex3 和 Vue2.x

src/store/index.js

  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. Vue.use(Vuex)
  4. export default new Vuex.Store({
  5. state: {
  6. // 1、定义的Vuex公共变量(状态)
  7. a:100,
  8. b:"bb"
  9. },
  10. mutations: {
  11. },
  12. actions: {
  13. },
  14. modules: {
  15. }
  16. })

Vuex4 和 Vue3.x

src/store/index.js

  1. // 1、引入vuex 的方法createStore
  2. import { createStore } from 'vuex'
  3. // 2、创建state 数据管理池
  4. const state = {
  5. share: 100
  6. };
  7. // 3、创建store仓库
  8. const store = createStore({
  9. state,
  10. })
  11. // 4、导出模块到全局
  12. export default store;

TS中定义

查看 https://www.yuque.com/yejielin/mypn47/qcd0at#TWjOr