vue3中setup函数中获取不到store中的数据

在Vue 3中，setup函数是组件的入口函数，它会在beforeCreate和created钩子函数之前调用。在setup函数中，可以通过inject和provide实现依赖注入，也可以通过ref和reactive等函数创建响应式数据。但是在setup函数中无法直接获取到store中的数据。

如果你想在setup函数中访问store中的数据，可以通过使用Vue提供的useStore函数来获取store实例。例如：

import { useStore } from 'vuex'

export default {
  setup() {
    const store = useStore()
    const count = computed(() => store.state.count)
    return { count }
  }
}

在上面的例子中，我们通过useStore函数获取了store实例，然后通过computed函数创建了一个响应式的count变量，并将其返回给组件。这样就可以在模板中访问count变量来获取store中的数据了。

相关问题

vue3中在setup中获取store里面的state数据怎么获取

在 Vue 3 中，可以使用 `useStore` 方法获取 vuex 的 `store` 对象，然后使用 `store.state` 访问 `state` 数据。例如：

<template>
  <div>{{ count }}</div>
</template>

<script>
import { useStore } from 'vuex'

export default {
  setup() {
    const store = useStore()
    const count = store.state.count
    return {
      count
    }
  }
}
</script>

在上面的例子中，我们使用 `useStore` 方法获取 `store` 对象，然后在 `setup` 函数中访问了 `store.state.count` 数据，并将它绑定到模板中的 `count` 变量上，最终在模板中展示出来。

vue3怎么在setup函数外面的地方（比如store）获取当前路由信息啊？

在Vue 3中，在`setup`函数外部获取当前路由信息可以使用Vue Router提供的`useRoute`函数。`useRoute`函数可以在Vue组件的模板中使用，也可以在`setup`函数外部使用。

具体实现方法如下：

1. 在Vue Router实例中使用`useRoute`函数：

import { createRouter, createWebHistory } from 'vue-router'
import { useRoute } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About },
    { path: '/contact', component: Contact }
  ]
})

const currentRoute = useRoute()
console.log(currentRoute.path)

2. 在普通的JavaScript模块中使用`useRoute`函数：

import { useRoute } from 'vue-router'

const currentRoute = useRoute()
console.log(currentRoute.path)

需要注意的是，`useRoute`函数只能在已经使用`router`插件并且路由已经初始化的情况下才能使用。