vuex
Vuex 是一个专为vue.js应用程序开发的状态管理模式
state 单一状态树
npm install vuex
新建一个store文件夹,创建index.js
import Vue from 'vue'
import Vuex from 'vuex'
1.安装插件
Vue.use(vuex)
2.创建对象
const store = new Vuex.Store({
state :{
counter:1000
},
mutations:{ //修改状态,通过commit('')修改提交
modifyState(state){
state.counter++
}
},
actions :{ //异步修改状态
},
getters :{ //类似计算属性
},
modules:{
}
})
3.导出
export dafault store
4.在main.js中 注册vuex
import stroe form './store'
Vue.prototype.$store = store
new Vue({
el: '#app',
store,
render: h=>h(App)
methods:{
increment:function(){
this.$store.commit('modifyState')
}
}
})
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)