vue day06

发布时间:2024年01月10日

1、路由模块封装
请添加图片描述

请添加图片描述
请添加图片描述
2、声明式导航 实现导航高亮效果
在这里插入图片描述
在这里插入图片描述
直接通过这两个类名对相应标签设置样式
请添加图片描述
点击a链接进入my页面时,a链接 我的音乐高亮,同时my下的a、b页面中的 我的音乐也有router-link-active类,但没有精确匹配的类(只有my页面的 我的音乐有这个类),如果用模糊匹配的类设置了样式,my/a页面中 我的音乐会根据设置好的样式高亮请添加图片描述
3、声明式导航 跳转传参
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
动态路由参数可选符:
请添加图片描述
4、路由 重定向 模式设置
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
5、编程式导航
先看如何跳转,再看如何传参
基本跳转:
请添加图片描述
请添加图片描述
路由传参:
(1)请添加图片描述
在这里插入图片描述
在这里插入图片描述
(2)请添加图片描述

在这里插入图片描述
6、案例
二级路由
请添加图片描述
请添加图片描述
点击面经页面中文章跳转到详情页,并携带文章id:
请添加图片描述
根路径重定向:在这里插入图片描述

请添加图片描述
组件缓存:请添加图片描述

请添加图片描述
请添加图片描述
在这里插入图片描述
7、自定义创建项目
在这里插入图片描述

8、eslint
手动修正:根据报错的规则说明去eslint规则表中搜
请添加图片描述
请添加图片描述

文章来源:https://blog.csdn.net/weixin_52005267/article/details/135405963
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。