vite+vuex配置

1、那么和安装router一样 先去vuex的官方文档看下

这里装的是vuex4，其他版本查看官方文档即可控制台输入

npm install vue-router@4

 

2、然后src目录下新建store文件夹和index.js，并编辑index.js文件，随便给个数据测试用

import { createStore } from 'vuex'

 

const store = createStore({

  state: {  

  test:'test1'

  },

  mutations: {   

  },

  actions: {

  },

  getters: {

  }

})

 

export default store

3、再修改main.js调用

import { createApp } from 'vue'

import App from './App.vue'

import router from './router'

import store from './store'

const app =  createApp(App)

 

app.use(router).use(store).mount('#app')

4、试一下

<template>

<h1>this is page1</h1>

<h2>{{$store.state.test}}</h2>

</template>

 

<script>

export default {

name:'page1'

}

</script>

 

<style>

 

</style>