如何通过实例展示Vuex中的数据存值与取值操作？

本文共计140个文字，预计阅读时间需要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存值与取值的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。