vue day06

• 大数据

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://net2asp.com/078d8198b9.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐