Vue2路由实例中，如何分析基本用法案例？

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

原文：本文实例讲述了vue2路由基本用法。分享给大家庭参考，具体如下：Vue-router是给Vue.js提供路由管理的插件，利用hash的变化控制动态组件的切换。以以往页面间跳转都由后端MVC+前端C实现。

本文通过实例展示了vue2路由的基本操作。供大家参考，具体内容包含：Vue-router插件为Vue.js提供路由管理功能，通过hash变化来控制组件的动态切换。以前页面跳转主要依赖后端MVC模式及前端C层的实现。

本文实例讲述了vue2路由基本用法。分享给大家供大家参考，具体如下：

Vue-router 是给Vue.js 提供路由管理的插件，利用hash 的变化控制动态组件的切换。以往页面间跳转都由后端MVC 中Controller 层控制，通过<a> 标签的href 或者直接修改location.href，我们会向服务端发起一个请求，服务端响应后根据所接收到的信息去获取数据和指派对应的模板，渲染成HTML 再返回给浏览器，解析成我们可见的页面。Vue.js +Vue-router 的组合将这一套逻辑放在了前端去执行，切换到对应的组件后再向后端请求数据，填充进模板来，在浏览器端完成HTML 的渲染。这样也有助于前后端分离，前端不用依赖于后端的逻辑，只需要后端提供数据接口即可。

引用方式：

在HTML 中直接用script 标签引入即可，例如：

<script src="<%=request.getContextPath()%>/lib/vue-router.js"></script>

注意：vue的引入要放在vue-router的之前，不然vue-router会不起作用。