Я использую nuxt. js и vuex в универсальном режиме.
Мой store/index.js
выглядит следующим образом
export const state = () => ({})
export const mutations = {}
export const getters = {}
У меня есть store/cart.js
файл
export const state = () => ({
cartOpen: false
})
export const getters = {
cartOpen(state) {
return state.cartOpen;
}
}
В моем Header.vue
у меня есть это
<script>
import { mapGetters } from "vuex";
export default {
name: "Header",
computed: mapGetters({
cartOpen: "cart/cartOpen"
})
};
</script>
Я также пытался это
computed: {
...mapGetters("cart", ["cartOpen"])
}
Но в моих vue devtools вычисленное свойство показывает undefined