vuex的简单安装和使用（附vuex使用总结和详解）

最新推荐文章于 2024-08-30 23:56:34 发布

艾欢欢

最新推荐文章于 2024-08-30 23:56:34 发布

阅读量6k

点赞数 5

分类专栏： Vue 文章标签： vuex vuex安装和简单使用 vuex使用总结和详解

本文链接：https://blog.csdn.net/AiHuanhuan110/article/details/89185816

版权

本文介绍了Vue的状态管理工具Vuex的安装和基本使用方法。在项目目录下创建store文件夹，然后在该文件夹下创建index.js来定义模块和导出store。在main.js中引入并使用Vuex，而在Vue组件中可以通过this.$store来访问和操作状态。此外，还提供了一份Vuex的使用总结和详细讲解。

摘要由CSDN通过智能技术生成

Vue 的状态管理工具 Vuex

安装

# 安装vuex
npm install vuex --save

使用

在 src 目录下新建文件夹 store，再在新建文件夹下新建 index.js 文件，这个文件我们用来写一些模块并导出 store 的文件，代码示例：

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);

export default new Vuex.Store({
   
	state: {
   
		loginStatus: 0, //登录状态 0未登录 1已登陆
        // ...
	},
	mutations: {
   
		setLoginStatus(<