vuex如何用

vuex如何用

这篇文章主要介绍“vuex如何用”，在日常操作中，相信很多人在vuex如何用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vuex如何用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

什么是Vuex？

vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。

1.在vue 组件中

执行enabledcheckbox方法 ,true 为参数,用来改变state中的值

  this.$store.dispatch("enabledcheckbox",true)

从state获取useredit的值

this.$store.state.useredit

2 在vuex导出的对象对添加 值到state

添加 mutations 来改变state的值

添加 actions 来 mutations

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

import store from './vuex'  new Vue({   el: '#app',   router,   store,   render:h=>h(App)  })

到此，关于“vuex如何用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注高防服务器网网站，小编会继续努力为大家带来更多实用的文章！

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[