Vue基础知识：声明式导航---导航链接router-link，router-link是什么，怎么用？router-link-active和router-link-exact-active的区别

router-link是什么？

vue-router提供的一个全局组件，router-link(用于取代a标签)

router-link怎么用？

router-link的好处？

1.能够跳转，能高亮（自带激活时的类名）

1.能跳转，配置to属性指定路径（必须）。本质还是a标签，to 不需要多加#

既然已经有了a标签，为什么还有加一个router-link标签呢？这就取决于它的第二个特点：

 2.能高亮，默认就会提供高亮类名(多出router-link-exact-active和 router-link-active这两个类)，可以直接设置高亮样式（不需要通过js）

那么这里涉及到一个问题，router-link自动给当前导航添加的两个高亮类名有什么不同呢? 

以下图为例

1.router-link-active 模糊匹配（应用比较多） 

 to="/find" 可以许多路由,比如：/find        /find/home        /find/foods        .....以/find开头都会添加

2.router-link-exact-active 精准匹配

 to="/find" 只能匹配        /find

举例说明：

router-link-active 模糊匹配

 router-link-exact-active 精准匹配