Vue路由的配置

Vue路由

路由的配置

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由可以动态挂载组件，也可用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。

首先我们要安装插件，运行代码如下：cnpm install vue-router --save
第二步要在main.js文件中引入并使用，如下图所示：

第三步要定义路由，如下图所示：

第四步要创建router实例，然后传routes配置，如下图：

第五步要创建和挂载根实例，要通过router配置参数注入路由，让整个应用都有路由的功能。如图：

以上就是路由的配置，现在项目可以运行了，另外，根组件要放置在
接下来向大家展示一下我做的关于嵌套路由的项目：
Home.vue页面

Menu.vue页面：
Header页面：
Header页面：

Major.vue:

College页面：

项目运行结果为：