如何通过Vuex实现复杂业务场景下的值存储与高效取值操作？

本文共计137个文字，预计阅读时间需要1分钟。

组件内提取值: computed: { value() { return this.$store.state.userData.xxx; } },组件内存储值: methods: { fn() { this.$store.commit('setValue', xxx); } },store的mutation.js中: setValue(state, xxx) { state.userData.xxx=xxx; },store的index.js

组件内取值

computed: { value() { return this.$store.state.userData.xxx; } },

组件内存值

methods: { fn() { this.$store.commit('setValue',xxx) } }

store的matution.js中

setValue(state,xxx){ state.userData.xxx= xxx; },

store的index.js中

const state = { userData: { "xxx":{} } }

以上这篇vuex存值与取值的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。