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