vue3 vite vue-x的引入方法

1.npm

npm i vuex --save

 2.在mian.js中引入

import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
import './assets/main.css'

import store from './store/index'
createApp(App).use(router).use(store).mount('#app')

 3.创建一个保存配置文件夹store,简易结构如下

4.

store下的index.js

import { createStore } from 'vuex'
import  state from "./state.js"
import * as mutations from './mutations';//其他getters等同样，没用略写了
const store = createStore({
    // state:{},
    state:state,
    mutations:mutations,
    getters:{},
    actions:{},
    modules:{}
})
export default store

 store下的states.js

//存放数据
export default {
   URL:'lll',
   userMessage:{
    region:'',
    city:'',
    company:'',
    password:'',
   }
  };

 store下的mutations.js

//存放方法
export const test = function(){
    
}

5.使用，在任意vue文件中以

//获取数据
this.$store.state.userMessage