Vuex getter返回null

const store = new Vuex.Store({
state: {
myData: 'initial value' // 确保不是 null
},
getters: {
myGetter: state => state.myData
}
});

getters: {
myGetter: state => {
// 确保这里的逻辑不会返回 null
return state.myData || 'default value';
}
}

actions: {
fetchData({ commit }) {
axios.get('/api/data')
.then(response => {
commit('updateMyData', response.data);
});
}
},
mutations: {
updateMyData(state, payload) {
state.myData = payload;
}
}

const store = new Vuex.Store({
state: {
myData: null
},
getters: {
myDataOrNull: state => state.myData,
myDataOrDefault: state => state.myData || 'default value'
},
mutations: {
setMyData(state, payload) {
state.myData = payload;
}
},
actions: {
fetchData({ commit }) {
axios.get('/api/data')
.then(response => {
commit('setMyData', response.data);
});
}
}
});

// 在组件中使用
computed: {
myData() {
return this.$store.getters.myDataOrNull;
},
myDataOrDefault() {
return this.$store.getters.myDataOrDefault;
}
}