How to export reactive Vuex state from setup in Vue2.7

Question

I want to be able to use reactive state from that store using setup in Vue 2.7.

I export a Vuex store using export const store = new Vuex.Store({ ... })

Both of these fail:

const count1 = store.state.count;
const count2 = ref(store.state.count);

Doesn't work when exporting the store as a function either: export const useStore = () => store and doing useStore().state ...

Tachibana Shin · Accepted Answer · 2023-03-30 16:08:17Z

1

use computed:

import { computed } from "vue"

const count2 = computed(() => store.state.count);

answered Mar 30, 2023 at 16:08

Tachibana Shin

4,0521 gold badge11 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tolbxela · Accepted Answer · 2023-03-30 16:31:37Z

0

Or toRef/toRefs

const { count } = toRefs(store.state);
const count1 = toRef(store.state, "count");

answered Mar 30, 2023 at 16:31

Tolbxela

5,2193 gold badges23 silver badges52 bronze badges