手写vue-router（完结）

一、location对象

location对象含有很多的属性，其中我们此次使用到的是 hash，接下来我们需要熟悉一下hash的用法。

<a href="#/index">首页</a>
<a href="#/app">app</a>
<div id="app"></div>
<script type="text/javascript">
window.addEventListener('load', ()=>{
    
	// 初始化url的hash模式，得到url地址，更改视图数据
	let hash = location.hash;
	hash?'':location.hash='/';
	app.innerHTML = hash.slice(1);
})
window.addEventListener('hashchange',()=>{
    
	// 获取到当前的值，改变视图
	let hash = location.hash.slice(1);
	app.innerHTML = hash;
}