vue学习历程——route

准备条件：

利用脚手架创建工程 $ npm init vue@latest 创建项目时引入Vue Router

步骤1：在views文件下创建新组件TargetView.vue

步骤2：在route路由配置文件下配置路由属性path、name

此时出现如下问题：

无法找到模块“../views/TargetView.vue”的声明文件。“d:/vue3-test/vue_test/src/views/TargetView.vue”隐式拥有 "any" 类型。

解决方案：

declare module '*.vue' {

    import type { DefineComponent } from 'vue'

    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types

    const component: DefineComponent<{}, {}, any>

    export default component

  }

步骤3：在组件中配置路由跳转事件

App.vue

TargetView.vue组件