vue3 ts中找不到$router

在 Vue 3 中，如果你在 TypeScript 中使用 `$router`，需要在组件中注入 `router` 实例。具体做法如下：

1. 在组件文件中导入路由实例：

import { defineComponent } from 'vue'
import { useRouter } from 'vue-router'

export default defineComponent({
  setup() {
    const router = useRouter()

    // 使用 router 实例
    router.push('/path')

    // ...
  }
})

2. 在模板中直接使用 `$router`：

<template>
  <div>
    <button @click="$router.push('/path')">跳转到 path 页面</button>
  </div>
</template>

需要注意的是，在 Vue 3 中，组件选项中不再支持 `router` 属性，所以不能再像 Vue 2 中那样直接在组件选项中注入 `$router`。

相关问题

vue3+ts 找不到vue-router模块

在 Vue 3 + TypeScript 中，你需要进行以下步骤来安装和使用 Vue Router：

1. 安装 Vue Router

    npm install vue-router@next

2. 在 `src` 目录下创建 `shims-vue.d.ts` 文件，并在文件中添加以下代码：

    declare module '*.vue' {
      import { Component } from 'vue'
      const component: ReturnType<typeof defineComponent>
      export default component
    }

3. 在 `src` 目录下创建 `router/index.ts` 文件，并在文件中添加以下代码：

    import { createRouter, createWebHistory } from 'vue-router'
    import Home from '../views/Home.vue'

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

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

    export default router

4. 在 `main.ts` 文件中引入 `router`：

    import { createApp } from 'vue'
    import App from './App.vue'
    import router from './router'

    createApp(App).use(router).mount('#app')

如果你还遇到了找不到 `vue` 模块的问题，可以尝试在 `tsconfig.json` 文件中添加以下配置：

{
  "compilerOptions": {
    "types": ["vite/client", "@vitejs/plugin-vue"],
    "moduleResolution": "node",
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true
  }
}

希望这些步骤可以帮到你！

vue3+ts打包时出现this['$router']

这个问题可能是因为在 TypeScript 中访问 Vue 实例的属性时需要使用类型断言，否则 TypeScript 会认为该属性不存在。你可以尝试使用以下代码进行类型断言：

import { ComponentPublicInstance } from 'vue';

// ...

// 在组件中使用$router
const router = (this as ComponentPublicInstance<{}, any, any, any, any, any, any>).$router;

这里使用了 `ComponentPublicInstance` 类型并传入了相应的泛型参数，这样就可以访问到 `$router` 属性了。