前端路由

前端路由的概念

路由是根据不同的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,这两个指令是配合使用的,一个负责跳转,一个负责渲染。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容