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规则表中搜
请添加图片描述
请添加图片描述

相关推荐

  1. Vueday2

    2024-01-10 08:08:03       12 阅读
  2. <span style='color:red;'>01</span>-<span style='color:red;'>02</span>

    01-02

    2024-01-10 08:08:03      40 阅读
  3. <span style='color:red;'>06</span> 栈

    06

    2024-01-10 08:08:03      33 阅读
  4. <span style='color:red;'>02</span>.<span style='color:red;'>05</span>

    02.05

    2024-01-10 08:08:03      34 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-10 08:08:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-10 08:08:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-10 08:08:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-10 08:08:03       20 阅读

热门阅读

  1. 梯度提升机(Gradient Boosting Machines,GBM)

    2024-01-10 08:08:03       56 阅读
  2. Android 8.1 默认应用加入系统白名单

    2024-01-10 08:08:03       38 阅读
  3. Leetcode15-最大字符串配对数目(2744)

    2024-01-10 08:08:03       35 阅读
  4. Excel使用pandas拆分单元格扩展

    2024-01-10 08:08:03       38 阅读
  5. windows配置电脑网络IP的方法

    2024-01-10 08:08:03       35 阅读
  6. 在Linux中tomcat执行shutdown.sh之后进程还存在

    2024-01-10 08:08:03       34 阅读
  7. 在Linux中tomcat出现乱码

    2024-01-10 08:08:03       35 阅读
  8. 算法训练day10字符串总结双指针回顾

    2024-01-10 08:08:03       33 阅读
  9. 【力扣100】20.有效的括号 || 栈

    2024-01-10 08:08:03       42 阅读
  10. Hadoop之mapreduce参数大全-4

    2024-01-10 08:08:03       22 阅读
  11. apache共享目录文件配置

    2024-01-10 08:08:03       39 阅读