vue3 在pinia写路由跳转

Pinia 是一个状态管理库，与路由跳转无关。如果你想在 Vue 3 中进行路由跳转，需要使用 Vue Router。

首先，你需要在项目中安装 `vue-router`：

npm install vue-router

然后，在你的应用程序中创建一个 `router.js` 文件，该文件定义了路由：

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

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  },
  // ...
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router

在这里，我们创建了一个路由器并定义了一些路由。我们还将路由器导出，以便我们可以在应用程序的其他部分中使用它。

现在，我们可以在我们的应用程序中使用这个路由器。例如，在 Pinia store 中：

import { defineStore } from 'pinia'
import router from '../router.js'

export const useStore = defineStore({
  // ...
  actions: {
    goToAbout() {
      router.push('/about')
    }
  }
  // ...
})

在这里，我们将 `router` 导入我们的 store 中，并在 `goToAbout` 方法中使用 `router.push('/about')` 来跳转到 "About" 页面。

这样就可以在 Vue 3 中使用 Pinia 和 Vue Router 进行路由跳转了。