後端路由:對於普通的網站,所有的超鏈接都是URL地址,所有的URL地址都對應伺服器上對應的資源 前端路由:對於單頁面應用程式來說,主要通過URL中的hash(#號)來實現不同頁面之間的切換(不會刷新頁面),同時,hash有一個特點:HTTP請求中不會包含hash相關的內容;所以,單頁面程式中的頁面跳 ...
- 後端路由:對於普通的網站,所有的超鏈接都是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
子路由:
同時展示多個組件: