vue學習（6）-路由（導入包；創建子組件；創建路由對象）傳參，子路由，多個組件

• 后端路由：對於普通的網站，所有的超鏈接都是URL地址，所有的URL地址都對應服務器上對應的資源
• 前端路由：對於單頁面應用程序來說，主要通過URL中的hash (#號)來實現不同頁面之間的切換（ 不會刷新頁面），同時，hash有一個特點： HTTP請求中不會包含hash相關的內容；所以，單頁面程序中的頁面跳轉主要用hash實現
• 在單頁面應用程序中，這種通過hash改變來切換頁面的方式，稱作前端路由（區別於后端路由）

---

路由的導入：

<script src=" https://unpkg.com/vue/dist/vue.js"></script>

<script src=" https://unpkg.com/vue-router/dist/vue-router.js"></script>

 

 

路由的創建：

---

HTML部分

占位符相當於容器

 

---

JavaScript部分

注意是：routes

 

---

CSS部分

 

---

路由規則中定義參數：query（路由配置規則中的path屬性不用修改）

                                    params

 

 

 

 

 

---

子路由：

 

 

---

同時展示多個組件：