跳到主要内容

VueRouter 命名视图

1. 前言

本小节我们介绍如何使用 VueRouter 命名视图。包括如何定义命名视图、如何使用命名视图。本节的学习内容相对简单,相信同学们看完本小节,并对小节中的案例自己实现一遍就可以熟练掌握了。

2. 定义视图名

2.1 默认视图

在之前的小节中,我们学习了如何使用 <router-view/> 来承载路由分发的内容。我们并没有给 <router-view/> 指定一个 name 属性,实际上他有一个默认的属性 default,我们以一个简单的实例来验证这一点: