本文详细介绍了项目中的路由分析，路由被视作kv键值对，关键在于URL和对应的组件。文章讨论了页面的上中下结构，以及如何区分路由和非路由组件。接着，提到了路由操作如push和replace的不同，以及v-if和v-show在组件显示隐藏上的选择。路由元信息和不同方式的路由传参（字符串、模板字符串和对象方式）也是重点，其中对象方式是最常用的方法。最后，还提及了相关的Vue路由面试题。
1，项目路由分析
路由:本质是kv键值对
key:url(地址栏中的路径)
value:相应的组件
页面分上，中，下结构
home页面(key)
search页面(key)
注册页面(key)
登录页面(key)
思路，点击页面看哪个发生变化(路由组件)，哪个不发生变化(非路由组件)
3，路由分析
4，完成非路由组件header和footer
5，路由组件搭建
push和replace的区别就是 能否记住历史记录
6，组件的显示和隐藏
v-if和-shou区别
v-if会控制组件在页面是否存在，而且频繁操作dom，性能较低
v-show通过样式来控制组件是显示还是隐藏，就是display的none的类似功能，性能较好。但是需要一个条件来定义是否显示。
7，路由元信息的使用
路由元信息是配置项目，其中的key是固定的，不能自己定义。下图中的erha是自己定义的在IE中是没有的。
8，路由传参
方式
8.1 字符串形式
8.2 模板字符串（相比第一种代码更加简洁）
8.3 对象方式（最常用的方式）
此处需要用name形式而非path。
9，常见相关vue的路由相关面试题讲解
扫一扫
1384
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
