Vue路由(vue-router)教程

什么是路由

路由分为后端路由和前端路由。

后端路由

对于普通的网站，所有的超链接都是 URL 地址，所有的 URL 地址都对应服务器上所对应的路由。

前端路由

对于单页面应用程序来说，主要通过 URL 中的 hash(#号)来实现不同页面之间的切换。同时，hash 有一个特点，HTTP 请求中不会包含 hash 相关的内容，所以，单页面程序中的页面跳转主要用 hash 实现。

在单页面应用程序中，这种通过 hash 改变来切换页面的方式，称作前端路由。

Vue路由(vue-router)下载安装

NPM安装Vue路由(vue-router)

使用 NPM 方式安装 Vue路由 方法如下：

$ npm install vue-router

CDN方式使用Vue路由

<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

本地下载安装使用Vue路由

打开 Vue 路由(vue-router) CDN 的地址，全选，复制，粘贴到本地。将文件命名为 vue-router.js，接下来就可以使用相对路径或者绝对路径的方式引用该文件。

Vue路由(vue-router)总结

Vue 路由(vue-router) 可以使用 NPM 方式安装，或者直接使用 CDN 地址，或者将 vue-router 文件下载到本地进行引入使用。