用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当您要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。

介绍

Vue Router 是 Vue 官方出品的路由组件，托管整个 Vue 项目路由。

Route 属性

在日常开发中，我们主要关注选项中的 routes 属性。routes 属性是一个数组，其每一个元素是一个对象，对象会包含 path，component 两个必填属性与 meta 和 name 两个可选属性。

• path: 填入需要配置的网站页面的 url

• conponent: 导入需要显示的 Vue 文件组件

• name (可选): 指定该组件与 url 的别名

• meta (可选): 该属性可以填入该界面的额外信息 (比如 title、author 等)

Vue Router 是 Vue 官方出品的路由组件，托管整个 Vue 项目路由。