logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

router-link:路由链接

  • 在Vue应用的组件中,使用router-link标签添加路由链接。
  • App组件模板中加入两个router-link,分别链接到首页和"关于"页面。
  • 使用router-linkto属性指定链接地址,如"/"表示应应用根目录。
  • App组件的结构进行设计,包含不同的类(class)用于样式设置。
  • App组件中添加HTML结构,如页头(page-header)、菜单(menu)等,并应用CSS样式。
  • 在样式表(App.css)中为各元素添加样式,例如内边距、显示类型、文本修饰、颜色和外边距等。
  • 使用.router-link-active.router-link-exact-active类为当前激活的链接添加特定样式,如背景颜色和圆角。
  • 最后,测试在浏览器中显示效果。