vue-router
首先来认识下vue-router路由的两种模式
- 第一种:hash模式
#后面的hash值的变化并不会导致浏览器向服务器发送请求而刷新界面,每次hash值得变化会触发hashchange事件。
- 第二种:history模式
利用HTML5新增的pushState()和replaceState()方法。这两个方法应用浏览器的历史记录栈,在当前已有的back、forward、go的基础上,它们提供了对历史记录修改的功能,只是当它们执行修改时,虽然改变了当前的URL,但浏览器不会立即向后端发送请求。
使用router.push('/url')来跳转,使用diff算法,实现了按需加载,减少了dom的消耗。核心是使用history.pushState();
location.href
使用location.href = url来跳转,简单方便,但是刷新了界面。