vue2视频教程系列第二十二节-路由-1

我们首先认识一下路由的router-link

组件主要就是起到导航的作用。

在渲染后呢，会默认渲染成a标签，如果我们想换成其它标签呢，可以通过配置tag属性生成其它标签，如下：

Tag=”li” => 这样就可以将转换成li标签了

最主要的一个属性就是to属性。通过 to 属性指定目标地址。To里的内容需要跟router.js里的配置匹配。可以用router.js里的path值也可以用name值（name值会是每个组件的惟一标识，有时会很有用）

当目标路由成功激活时，链接元素自动设置一个表示激活的CSS 类名，这个css类就是router-link-active。如果我想要对默认激活状态修改下样式的话，即可修改这个类

Router-link和a有什么区别呢？

最大的区别是，a跳转时会刷新重新加载页面，这样的话我们曾经保存的一些状态就会被销毁，而router-link不会重新加载页面，会保存一些state值。

欢迎关注微号：duzhan99