我们首先认识一下路由的router-link
<router-link> 组件主要就是起到导航的作用。
<router-link>在渲染后呢，会默认渲染成a标签，如果我们想换成其它标签呢，可以通过配置tag属性生成其它标签，如下：
Tag=”li” => 这样就可以将<router-link>转换成li标签了
<router-link>最主要的一个属性就是to属性。通过 to 属性指定目标地址。To里的内容需要跟router.js里的配置匹配。可以用router.js里的path值也可以用name值（name值会是每个组件的惟一标识，有时会很有用）
当目标路由成功激活时，链接元素自动设置一个表示激活的CSS 类名，这个css类就是router-link-active。如果我想要对默认激活状态修改下样式的话，即可修改这个类
Router-link和a有什么区别呢？
最大的区别是，a跳转时会刷新重新加载页面，这样的话我们曾经保存的一些状态就会被销毁，而router-link不会重新加载页面，会保存一些state值。
欢迎关注微号：duzhan99
网友评论