View Rotor (view rotor) 提供了路由功能给 Vue 应用;在项目的 package.json 文件中可以看到 View Rotor 是依赖之一。通过它可以为应用添加路由,决定访问地址时显示应用的特定内容。例如:默认页面有两个链接,首页和 "about" 页面,通过设置两条路由规则来实现。使用 TypeScript 语言定义了一个由路由对象组成的数组,每个对象都有 path 和 component 属性,可以进行代码分割以减少不必要的加载。在应用的主组件模板中,使用 "router-link" 标签来引导不同的路由地址。添加到应用中的 "router-view" 组件会显示当前路由地址对应的组件内容。如果移除 "router-view",页面上将不会显示任何路由组件。