javascript - Vue.js中的router是什么意思？

Question

看现在的一些javascript的框架，都有router的概念，但一直不理解。router的意思和作用。

只是在一个页面内跳转吗？那和ajax有什么区别呢？

https://github.com/vuejs/vue-router
Vue-router的官方地址

Answer 1

让你的UI跟URL保持一致

Answer 2

刚学Vue没多久，简单说一下我的理解。
使用Vue-Router的目的是动态的刷新页面的组件

其中使用 v-link 进行导航，在 router-view 中进行展示。

相当于 router-view 是一个 iframe ，但是页面不需要跳转

Answer 3

router的翻译叫做路由，顾名思义，就是Vue看到你这个url它知道该怎么走，也就是如何来加载页面，例如，
http://localhost/tasks/这个路由，可能就是告诉你的Vue在页面上展现显示所有tasks的页面.
http://localhost/task/1这个路由，可能就是告诉你的Vue在页面上展现显示id为1的这个task的具体信息的页面.

通过路由来加载页面，不会让你重新刷新这个页面，而是可以做到局部页面组件的替换(隐藏或者显示)，一开始加载的一些CSS,JavaScript文件都不用再次重新加载了，你网页上的响应速度当然是会变快了。

至于Ajax它是浏览器对后端进行资源请求的操作，例如我可以利用Ajax来请求API，获取当前用户所有的task，利用Ajax我还可以做到，对于组件进行延迟加载，在我页面的路由真正映射到这个页面的时候，我才去后端把这个组件请求过来并加以显示，这样很大程度上能够保证我的首页加载出来的速度是足够快的。

Answer 4

可以友好的使用浏览器的后退功能。

Answer 5

SPA单页面应用程序 需要router进行页面跳转 但是页面并不会刷新 保证良好的用户体验