# 今日學習內容

##vue-cli2 巢狀路由

1. 在專案案例效果二的基礎上，實現巢狀路由的效果：index.js裡面的子元件的，children:[{},{}] ，子路由會帶著顯示父路由的內容
2. `<router-view></router-view>` 每一個父級要新增的
3. `<router-link to="/">返回首頁</router-link>` ——> 導航其他頁面

## 位址列 #， 路由器模式 hash，history，abstract

1. 位址列中，經常出現 # ，是什麼作用，能不能去掉 # ？
2. hash 模式：位址列包含 # 符號，# 以後的不被後臺獲取
3. history 模式：具有對 url 歷史記錄進行修改的功能
4. 在微信支付、分享 url 作為引數傳遞時，# 不能滿足需求
5. history 需要後臺配合，處理 404的問題

    - hash： 路徑來自於位址列中 # 後面的值，這種模式相容性比較好
    - history： 路徑來自於真實的 地址路徑，舊瀏覽器不相容
    - abstract： 路徑來自於記憶體