vue3配置vuex
时间: 2023-09-07 11:13:09 浏览: 105
基于vue3 用vuex状态控制路由和按钮的权限
5星 · 资源好评率100%
在Vue3中配置Vuex,你需要先从vuex中引入createStore方法来创建store实例。然后在createStore方法中传入包含state、mutations、actions、getters和modules等属性的对象。例如:
```javascript
// 引入createStore
import { createStore } from "vuex";
// 创建store实例
const store = createStore({
state: {},
mutations: {},
actions: {},
getters: {},
modules: {}
})
export default store;
```
在main.ts文件中,使用`use`方法将store注入给Vue应用:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import store from './store'
createApp(App).use(store).mount('#app')
```
这样,你就成功配置了Vue3中的Vuex。请注意,这与Vue2中配置Vuex的方式略有不同。 [1
阅读全文