什么是Vuex?
vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。
1.在vue 组件中
执行enabledcheckBox方法,true 为参数,用来改变state中的值
从state获取useredit的值
rush:js;">
this.$store.state.useredit
2 在vuex导出的对象对添加 值到state
添加 mutations 来改变state的值
添加 actions 来 mutations
rush:js;">
import Vue from 'vue'
import vuex from 'vuex'
Vue.use(vuex)
export default new vuex.Store({
state: {
useredit: false,},mutations: {
ENABLEDCHECKBox(state,value) {
state.checkBoxdisable = value
},actions: {
enabledcheckBox({ commit },value) {
commit('ENABLEDCHECKBox',value)
},}
})
//console.log(vuex)
在main.js
h(App)
})
总结
以上所述是小编给大家介绍的vuex 的简单使用。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。