vue3 在setup 外部调用 useStore() 为 undefined 解决

场景：

在router/index.ts中想要获取store

import { useStore } from '@/vuex';
const store = useStore()
console.log('app store',store) //undefined

 

在App.vue，或者pages下其他.vue的页面中都是能够获取store的

<script setup lang="ts">
import { useStore } from '@/vuex';
const store = useStore()
console.log('app store',store.state.count) //2233
</script>

发现了store在setup中内部与外部使用的不同

解决外部使用的方案

直接 如main.ts 一样引入store

import { store } from '../vuex'
console.log('router store',store.state.count); //2233

这样，在router/index.ts下获取到了store。