vue-router3路由介绍

简介: vue-router3路由介绍

本文介绍了在Vue3项目中如何安装和使用vue-router4.x版本,包括介绍index.js中创建路由和main.js中引入并应用路由器的步骤。

摘要由CSDN通过智能技术生成

1、官方文档地址

2、在vue3的版本,只能安装并使用vue-router4.x

npm i vue-router@next -S

3、Vue-router按需导入方法

4、index.js写法

import { createRouter, createWebHashHistory } from "vue-router"
const router = createRouter({
    history: createWebHashHistory(),
    routes: [
    ]
})
export default router

5、main.js写法

import { createApp } from 'vue'
import App from './App.vue'
import lingyiHeader from '@/components/lingyiHeader.vue'
import router from '@/router/index.js'
import "@/css/common.css"
Vue.component('lingyiHeader', lingyiHeader)
const app = createApp(App)
app.use(router)
app.mount('#app')
相关文章
|
并行计算 安全 Java
C# .NET面试系列四:多线程
<h2>多线程 #### 1. 根据线程安全的相关知识,分析以下代码,当调用 test 方法时 i > 10 时是否会引起死锁? 并简要说明理由。 ```c# public void test(int i) { lock(this) { if (i > 10) { i--; test(i); } } } ``` 在给定的代码中,不会发生死锁。死锁通常是由于两个或多个线程互相等待对方释放锁而无法继续执行的情况。在这个代码中,只有一个线程持有锁,且没有其他线程参与,因此不
789 3
|
存储 缓存 负载均衡
一致性 Hash 算法 Hash 环发生偏移怎么解决
一致性 Hash 算法 Hash 环发生偏移怎么解决
252 1
|
监控 Java API
图解 Apache SkyWalking UI 的使用
Apache SkyWalking的UI界面主要分为以下几个区域: 功能选择区:这里列出了主要的UI功能,包括仪表盘、拓扑图、追踪、性能刨析、告警等功能 重新加载区:控制重新加载机制,包括定期重新加载或手动重新加载。 时间选择器:控制时区和时间范围。这里有一个中文/英文切换按钮,默认,UI使用浏览器语言设置。 下面逐一介绍功能选择区的各个功能:
1975 0
图解 Apache SkyWalking UI 的使用
|
关系型数据库 数据库 PostgreSQL
|
SQL 分布式计算 大数据
MaxCompute操作报错合集之执行多条SQL语句时,使用同一个实例来运行,遇到报错,该如何解决
MaxCompute是阿里云提供的大规模离线数据处理服务,用于大数据分析、挖掘和报表生成等场景。在使用MaxCompute进行数据处理时,可能会遇到各种操作报错。以下是一些常见的MaxCompute操作报错及其可能的原因与解决措施的合集。
217 1
|
安全 开发者
在HTTPS安全页面中加载HTTP不安全的内容,如何绕过安全警告?
在HTTPS安全页面中加载HTTP不安全的内容,如何绕过安全警告?
744 0
|
JavaScript
TS中 type和interface的区别
TS中 type和interface的区别
1912 0
|
jenkins Java 持续交付
Jenkins 迁移及安装
Jenkins 迁移及安装
|
JavaScript 前端开发 API
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
2992 1
|
算法 数据可视化 数据挖掘
MATLAB中常用的数学函数及其应用示例
MATLAB中常用的数学函数及其应用示例