Vue从入门到精通-13-Vue-router路由

什么是路由

后端路由

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

当前端输入url请求资源时，服务器会监听到是什么url地址，那后端会返回什么样的资源呢？后端这个处理的过程就是通过路由来分发的。

总结：后端路由，就是把所有url地址都对应到服务器的资源，这个对应关系就是路由。

前端路由

对于单页面应用程序来说，主要通过URL中的hash（url地址中的#号）来实现不同页面之间的切换。

同时，hash有一个特点：HTTP请求中不会包含hash相关的内容。所以，单页面程序中的页面跳转主要用hash实现。

总结：在单页应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）。

安装Vue-router的两种方式

• 官方文档：Vue Router | Vue.js 的官方路由

方式一：直接下载文件

下载网址：https://unpkg.com/vue-router/dist/vue-router.js

下载之后，放进项目工程，然后我们在引入vue.js之后，再引入vue-router.js即可：

     <script src="vue2.5.16.js"></script>
     <script src="vue-router3.0.1.js"></script>

然后，我们就可以在 window全局对象中使用 VueRouter这个对象。具体解释可以看接下来的代码中的注释。

注意，只要我们导入了vue-router.js这个包，在浏览器中打开网页时，url后面就会显示#这个符号。

希望各位可以点个赞点个关注，这对up真的很重要，谢谢大家啦！