当前位置: 首页 > article >正文

Vue3-VueRouter4路由语法解析

1.创建路由实例由createRouter实现

2.路由模式

1)history模式使用createWebHistory():地址栏不带#

2)hash模式使用createWebHashHistory():地址栏带#

3)参数是基础路径,默认/

括号里的就是设置路径的前缀,此处是个变量,也可以设置固定值

import.meta.env.BASE_URL:vite中的环境变量

在vite.config.js文件中配置base设置import.meta.env.BASE_URL

详细参考:环境变量和模式 | Vite 官方中文文档

向前兼容vue2语法,比如在模板中使用$router.push('路径')也可以跳转,但是在js中使用this.$router.push('路径')不可以跳转,因为vue3中获取不到this

在Vue3 Composition中

import { useRouter, useRoute } from 'vue-router'

获取路由对象 router useRouter

const router=useRouter()

获取路由参数 route useRoute

const route=useRoute()

这样就可以用router.push('路径')来跳转页面了


http://www.kler.cn/a/148099.html

相关文章:

  • 使用 Vision 插件让 GitHub Copilot 识图问答
  • Ps:OpenColorIO 设置
  • web实操5——http数据详解,request对象功能
  • [宁波24届]平方数
  • 《Django 5 By Example》阅读笔记:p76-p104
  • 时序论文20|ICLR20 可解释时间序列预测N-BEATS
  • 小程序如何禁止指定用户访问?如何设置指定用户才能访问?
  • FreeSQL 基本使用
  • C#,《小白学程序》第五课:队列(Queue)其一,排队的技术与算法
  • Docker Compose;docker-compose;docker compose
  • 深入Rust的模式匹配与枚举类型
  • C语言:编程实现1!+2!+3!+4!+……+n!
  • gitee代码路径大纲//test ok
  • Spring Security 6.x 系列(6)—— 显式设置和修改登录态信息
  • 湘潭大学 软件需求分析 填空题 期末考试复习
  • Postgresql源码(116)提升子查询案例分析
  • 中间件安全:Weblogic 漏洞.(使用工具可以利用多种类型漏洞)
  • Python提取PDF表格(基于AUTOSAR_SWS_CANDriver.pdf)
  • CSS新手入门笔记整理:CSS基本介绍
  • python中字符串操作函数split的用法
  • 【阿里云】图像识别 智能分类识别 项目开发(一)
  • 抖音小店怎么运营?新手应该如何做?一篇详解!
  • 【黑马程序员】——微服务全套——Nacos安装指南
  • netty学习
  • git commit message 书写规范
  • Android : Fragment 传递数据 — 简单应用