前端路由的概念
路由是根据不同的URL地址展示不同的内容和页面,前端路由就是把根据不同的URL返回不同页面的内容交给前端来做,之前是通过服务器端根据URL的不同返回不同的页面实现的。
什么时候使用前端路由?
在单页面应用中,大部分页面结构不变,只改变部分内容,需要用到前端路由
前端路由的优点和缺点
优点:用户体验好,不需要每次都从服务器获取信息,可以快速显示给用户
缺点:不利于SEO,前进和后退都是重新发送请求,没有有效地利用起来浏览器的缓存功能,不能记录到你的位置,比如分页后退等。
vue中前端路由的使用
在vue中,主要适用vue-router进行单页面的构建
其中包括两个最重要的指令:
1.<router-link></router-link>
或者this.$router.push({path:""})
可以把router-link理解成一个a标签,在使用过程中把它当作a标签使用。
2.<router-view><router-view>
router-view
是一种编程式路由,通过router-link
跳转到某页面的时候,对应的一定会有组件的渲染,包括把页面渲染到什么地方等,这时候就会用到router-view,这两个指令是配合使用的,一个负责跳转,一个负责渲染。
网友评论