vue3 生命周期 && router

前端美少女战士
31 阅读1分钟

vue2与vue3生命周期对比

image.png

router

image.png

路由的两种模式 history && hash

image.png

命名路由

image.png

嵌套路由 （嵌套路由的path不用写‘/’）

image.png

image.png

路由传参

query模式

image.png

image.png

params模式

路由规则中需要标示出要传的参数名称

image.png

两种传参写法： image.png

image.png

路由的props配置

第一种写法，只能与params配合使用 image.png

第二种写法可用于query模式 image.png

image.png

avatar
文章
阅读
粉丝