笔记
-
什么是前端路由?
路由是根据不同的URL地址展示不同的内容或页面
前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据URL的不同返回不同的页面实现的。 -
什么时候使用前端路由?
在单页面应用,大部分页面结构不变,只改变部分内容的使用。 -
前端路由有什么优点和缺点?
优点:
用户体验好,不需要每次都从服务器全部获取,快速展现给用户
缺点:
不利于SEO
使用浏览器的前进,后退键的时候会重新发送请求,没有合理的利用缓存
单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置 -
动态路由
1.vue-router 用来构建SPA
2.或者this.$router.push ({ path:’ ’ }) 前者表示路由跳转标签,后者表示编程式路由跳转
3. 主体的渲染 -
嵌套路由
路由嵌套路由 -
编程式路由
通过JS来实现页面的跳转
$router.push(“name”)
$router.push({path:“name”})
r o u t e r . p u s h ( p a t h : " n a m e ? a = 123 " ) 或 者 router.push({path:"name?a=123"})或者 router.push(path:"name?a=123")或者router.push({path:“name”,query:{a:123}})
$router.go(1) -
命名路由和命名视图
给路由定义不同的名字,根据名字进行分配
给不同的router-view定义名字,通过名字进行对应组件的渲染