（三）Vue2.0之VUEX的基本使用（一）

原创于 2019-09-05 21:29:42 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

30 篇文章

订阅专栏

本文详细介绍了Vuex的四个核心组成部分：State数据仓库、Getter获取数据、Mutation修改数据及Action提交Mutation并支持异步操作。同时，提供了安装及配置Vuex的步骤，包括使用npm安装Vuex包、创建及实例化Vuex对象，并将其挂载到Vue实例上。

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

一、Vuex的组成介绍：
1、State----数据仓库
2、getter----用来获取数据
3、Mutation -----用来修改数据
4、Action -------用来提交mutation,可以进行异步操作
二、安装vuex
步骤：

*安装vuex包：npm install vuex
*创建vuex实例：new Vuex.store()
*main.js中将vuex实例挂载到vue对象上。

例如：

import Vue from ‘vue’
import App from ‘./App.vue’
import Vuex from ‘vuex’
Vue.config.productionTip=false

Vue.use(Vuex)
const store=new Vue.Store({
state:{
count:0
}
})//实例化一个vuex的对象
New Vue({
store,//把对象传进来
Render:h=>h(App)
}).$mount(‘#app’)

后面有项目的话话，会继续写实例demo.