2024-12-12 vue3(day3)

张志明456
155 阅读1分钟

image.png

image.png

image.png active-class激活时候的路由RouterLink样式

image.png image.png

image.png to的两种写法

image.png query路由传参

image.png 避免route失去响应式，通过toRefs()包裹

image.png

image.png

image.png params路由传参

image.png 配置可传可不传的参数

image.png

image.png

image.png props: true只限于params传参，query传参不行，设置之后我们可以在子组件中通过defineProps接收params的参数

image.png 函数写法可以给对应子组件传任意参数

image.png 添加了replace相当于路由跳转后就无法后退

image.png 编程式路由跳转

image.png

image.png 重定向

avatar
文章
阅读
粉丝