如何高效运用Vue-router进行项目路由配置？

本文共计763个文字，预计阅读时间需要4分钟。

一、Vue Router是Vue.js官方的路由管理器。它与Vue.js核心深度集成，使得构建单页面应用变得如同反转一般容易。包含的功能有：

- 嵌套的路由/视图表- 基于组件的路由配置- 路由参数传递

一、说明

Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成， 让构建单页面应用变得易如反掌。包含的功能有：

• 嵌套的路由/视图表
• 模块化的、基于组件的路由配置
• 路由参数、查询、通配符
• 基于Vue js过渡系统的视图过渡效果
• 细粒度的导航控制
• 带有自动激活的CSS class的链接
• HTML5 历史模式或hash模式， 在IE 9中自动降级
• 自定义的滚动行为
  

二、安装

基于第一个vue-cli进行测试学习； 先查看node modules中是否存在vue-router
vue-router是一个插件包， 所以我们还是需要用npm/cnpm来进行安装的。打开命令行工具，进入你的项目目录，输入下面命令。