1.vue在created和mounted这两个生命周期中请求数据有什么区别呢？

若涉及页面加载，在created的时候，视图中的html并没有渲染出来，所以这个时候如果直接去操作dom节点，一定找不到相关元素。

而在mounted中，由于此时html已经渲染出来了，所以可以直接操作dom节点。

location是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是很特别的一个对象，因为它既是window对象的属性，也是document对象的属性；换句话说，window.location和document.location引用的是同一个对象。location对象的用处不只表现在它保存着当前文档的信息，还表现在它将URL解析为独立的片段，让开发人员可以通过不同的属性访问这些片段。下表列出了location对象的所有属性（注：省略了每个属性前面的location前缀）。

在前端开发中，路由管理是实现单页应用（SPA）的关键技术之一。Vue.js 作为一款流行的前端框架，其路由管理功能通过 Vue Router 实现。Vue Router 提供了两种路由模式：Hash模式和History模式。本文将重点解读Vue路由的Hash模式原理。

在现代Web应用中，前端路由的引入使得单页面应用（SPA）的开发成为可能。前端路由的两种实现方式——Hash路由和History路由，是每位前端工程师都应掌握的基础知识。本文将带你深入了解History和Hash路由的实现原理、主要区别，并通过示例代码揭示它们的工作机制。

Hash路由：简单而强大

Hash路由是基于浏览器的hash值变化来进行页面跳转的，即URL中#后面的内容。由于hash值的变化不会导致浏览器向服务器发出请求，因此我们可以通过监听hash的改变来动态地渲染不同的页面。

在前端开发中，路由管理是一个不可或缺的部分。它决定了页面如何响应URL的变化，以及如何在不同的页面组件之间进行切换。在现代前端框架如React、Vue中，路由功能通常由官方提供的库（如

8.2 location对象

window.location与document.location都可以访问，是指向的同一对象。下面是location的属性的示例：

// 以下都以此url为例：https://www.baidu.com:80/index.html?rn=24&pn=1#home
// 返回url地址中#部分的字符
alert(location.hash);   // home

// 返回服务器名称和端口号
alert(location.host);   // www.baidu.com:80

// 返回服务器名称，不带端口号
alert(location.hostname);   // www.baidu.com

// 返回当前加载页面的完整url，同toString()方法
alert(location.href);   // https://www.baidu.com

// 返回url中的目录和文件名
alert(location.pathname);   // index.html

// 返回url中的端口号
alert(location.port);   // 80

// 返回页面使用的协议 http,https,ftp
alert(location.protocol);   // https

// 返回URL的查询字符串，以？开头
alert(location.search); // ?rn=24&pn=1

为什么推荐使用 hash 模式？