专业编程基础技术教程

网站首页 > 基础教程 正文

vue 笔记-vue-router与location.href = url 区别

ccvgpt 2024-07-20 11:52:39 基础教程 9 ℃

vue-router

首先来认识下vue-router路由的两种模式

  • 第一种:hash模式

#后面的hash值的变化并不会导致浏览器向服务器发送请求而刷新界面,每次hash值得变化会触发hashchange事件。

vue 笔记-vue-router与location.href = url 区别

  • 第二种:history模式

利用HTML5新增的pushState()和replaceState()方法。这两个方法应用浏览器的历史记录栈,在当前已有的back、forward、go的基础上,它们提供了对历史记录修改的功能,只是当它们执行修改时,虽然改变了当前的URL,但浏览器不会立即向后端发送请求。

使用router.push('/url')来跳转,使用diff算法,实现了按需加载,减少了dom的消耗。核心是使用history.pushState();

location.href

使用location.href = url来跳转,简单方便,但是刷新了界面。

Tags:

最近发表
标签列表