概念:路由的本質(zhì)就是對應(yīng)關(guān)系
分類:前端路由 (用戶事件與 事件處理函數(shù)之間的關(guān)系)? 和? 后端路由 (url地址與后臺數(shù)據(jù)之間的關(guān)系)
SPA:SPA單頁面應(yīng)用程序? ? ?內(nèi)容變化通過發(fā)送AJAX來請求渲染更新(無刷新)同時支持瀏覽器的前進(jìn)和后退
SPA原理:通過URL中的hash的變化來改變頁面內(nèi)容
基于URL中的hash實現(xiàn)(點擊菜單的時候改變URL的hash苏研,根據(jù)hash的變化控制組件的切換)
Router的基本使用
第一:安裝引入路由 script src批幌。襟沮。锣披。邪驮。嘱根。
第二:添加路由鏈接? router-link /? router-link to=" "
第三:路由填充位? router-view
第四: 定義路由組件 template?
第五:創(chuàng)建路由實例和配置路由? ??var router = new?VueRouter ({??
?rouerts:[??{path:'/user',component:User},]
第六:把路由掛在到實例上 main 上掛在 router
路由重定向 :redirect
嵌套路由:父子路由嵌套
路由傳參:三種方式 $route.push(name:id)? ? ?$router.params()? ? $router.query()
路由解耦:props為布爾值
vue-router編程式導(dǎo)航:聲明式導(dǎo)航? ?(router-link)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 編程式導(dǎo)航($router.push()? ? $router.go()? ?$router.back() )