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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181004A0D8HJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券