【Vue3】之vuex的安装与配置

飘逸者打瞌睡

已于 2023-06-12 14:12:29 修改

阅读量2.4k

点赞数

分类专栏： vue3 前端文章标签： vue

于 2021-06-16 10:48:32 首次发布

本文链接：https://blog.youkuaiyun.com/sky529063865/article/details/117950657

版权

前端同时被 2 个专栏收录

34 篇文章

订阅专栏

14 篇文章

订阅专栏

本文介绍了如何通过Yarn或NPM安装Vuex库，并展示了如何创建一个基本的store.js文件来初始化Vuex状态管理。接着在main.js中引入并使用Vuex store，为Vue应用程序设置状态管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

yarn add vuex@4.*
或
npm install -save vuex@4.*

创建

新建store.js
store.js

import { createStore } from 'vuex'

export default createStore({
    state: {
    },
    mutations: {
    },
    actions: {
    },
    modules: {
    }
})

引入

main.js

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import store from './store'

const app = createApp(App)
app.use(store)
app.mount('#app')