vuex入门的详细使用步骤

本文详细介绍了Vuex的入门步骤,包括如何安装、配置`index.js`和`main.js`,以及在`app.vue`中使用。通过state、mutations、actions和views的解释,展示了Vuex如何管理组件间的状态,并提到了Vue devtools作为状态管理的辅助工具。
摘要由CSDN通过智能技术生成

vuex入门的详细使用步骤

安装

webstrom中通过指令

npm install vuex --save

进行安装。注意==–save==必须加上,否则不会自动保存

编写index.js

在src文件夹下创建文件夹:store,在文件夹下创建:index.js
在index中导入Vue/Vuex,安装Vuex插件,创建Vuex对象并导出

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store=new Vuex.Store({
   

})

export default store

在store中添加state属性,在state中添加一个数,添加mutations属性,在mutations中添加两个方法


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值