原理部分

默认路由
404路由

hash

//window.location.hash.substr(1)
SEO不友好
改变路由


window.location.hash='edit'
http://xxxx/#edit

监听路由变化

window.addEventListener('hashchange',function(event){    console.log(event); })

//window.location.pathname
后端将所有前端都渲染到同一页面 IE8不支持

const state = { 'page_id': 1, 'user_id': 5 } 
const title = '' 
const url = 'hello-world.html' 
history.pushState(state, title, url)

在组件内this.$router操作路由

router-link默认会被渲染成标签

匹配到的组件在此渲染