vue3+ts使用vue-router4的使用

vue3+ts使用vue-router跳转

vue3路由使用

• vue3+ts使用vue-router跳转
• 前言
• 一、路由（router）是什么？
• 二、使用步骤
• • 1.安装路由
  • 2.引入路由
  • 3.在main.js中引入router 并挂载
  • 4.现在来讲一下如何在页面中使用
  • 5.下面是整体页面代码

前言

随着vue3的降临添加了不少的api特性，需要学习很多新特性的api，给许多小伙伴们带来更大的特性，下面简单的介绍一下vue3中router的使用。

一、路由（router）是什么？

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；

二、使用步骤

1.安装路由

代码如下（示例）：

npm install [email protected]