1、簡(jiǎn)介
單頁面：根據(jù)不同的url地址，顯示不同的內(nèi)容，但顯示在同一個(gè)界面。
2、基本用法
給大家一個(gè)小的demo，上邊有解釋。
eg：
js代碼.png
布局代碼.png
運(yùn)行結(jié)果（1）.png
運(yùn)行結(jié)果.png
2.淺談hash值
其中大家看運(yùn)行結(jié)果后面有個(gè)#,跟上你跳轉(zhuǎn)之后的頁面，這里有個(gè)東西叫做HASH，也叫做哈希值，
對(duì)于Vue 這類漸進(jìn)式前端開發(fā)框架，為了構(gòu)建SPA（單頁面應(yīng)用），需要引入前端路由系統(tǒng)，這也就是Vue-router存在的意義。前端路由的核心，就在于——— 改變視圖的同時(shí)不會(huì)向后端發(fā)出請(qǐng)求。
一、為了達(dá)到這個(gè)目的，瀏覽器提供了以下兩種支持：
hash ——即地址欄URL中的#符號(hào)（此hsah 不是密碼學(xué)里的散列運(yùn)算）。
比如這個(gè)URL：http://www.abc.com/#/hello, hash 的值為#/hello。它的特點(diǎn)在于：hash 雖然出現(xiàn)URL中，但不會(huì)被包含在HTTP請(qǐng)求中，對(duì)后端完全沒有影響，因此改變hash不會(huì)重新加載頁面。
history ——利用了HTML5 History Interface 中新增的pushState() 和replaceState() 方法。（需要特定瀏覽器支持）
這兩個(gè)方法應(yīng)用于瀏覽器的歷史記錄站，在當(dāng)前已有的back、forward、go 的基礎(chǔ)之上，它們提供了對(duì)歷史記錄進(jìn)行修改的功能。只是當(dāng)它們執(zhí)行修改是，雖然改變了當(dāng)前的URL，但你瀏覽器不會(huì)立即向后端發(fā)送請(qǐng)求。
history模式，會(huì)出現(xiàn)404 的情況，需要后臺(tái)配置。
二、404 錯(cuò)誤
hash模式下，僅hash符號(hào)之前的內(nèi)容會(huì)被包含在請(qǐng)求中，如 http://www.abc.com, 因此對(duì)于后端來說，即使沒有做到對(duì)路由的全覆蓋，也不會(huì)返回404錯(cuò)誤；
history模式下，前端的url必須和實(shí)際向后端發(fā)起請(qǐng)求的url 一致，如http://www.abc.com/book/id 。如果后端缺少對(duì)/book/id 的路由處理，將返回404錯(cuò)誤。
以上這些是Vue-router的簡(jiǎn)單用法......
