当前位置:   article > 正文

vue day06

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/blog/article/detail/82686
推荐阅读

  • 小王是一名基站维护工程师,负责某区域的基站维护。某地方有n个基站(1基站之间的距离s(0基站x到基站y的距离,与基站y到基站x的距离并不一定会相同。小王从基站1出发,途经每个基站1次,然后返回基站1,... [详细]

  • 在通信系统中有一个常见的问题是对用户进行不同策略的调度,会得到不同系统消耗的性能。假设由N个待串行用户,每个用户可以使用A/B/C三种不同的调度策略。不同的策略会消耗不同的系统资源,请你根据如下规则进行用户调度,并返回总的消耗资源数。规则是... [详细]

  • 二叉也可以用数组来存储,给定一个数组节点储存下标1对于储存下标n节点,他左子节点和右子节点分别储存下标2*n和2*n+1并且我们用-1代表一个节点为空。给定一个数组存储二叉,试求从根节点到最小叶子节点路径,路... [详细]

  • 相关标签
      

    闽ICP备14008679号