vue路由和传统路由的区别

传统的路由:

从一张页面跳转到另一张页面,但从这里来说就违背了多视图的单页Web应用这个概念

通过a标签进行跳转,页面会被重新渲染,即相当于重新打开一个新的网页

<router-link> 组件

支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属性指定目标地址,效果:默认渲染成带有正确链接的 <a> 标签,可以通过配置 tag 属性生成别的标签.。

通过router-link进行跳转不会跳转到新的页面,也不会重新渲染,它会选择路由所指的组件进行渲染,避免了重复渲染的“无用功”。

总结

对比<a>,router-link组件避免了不必要的重渲染,它只更新变化的部分从而减少DOM性能消耗

Vue的创新之处在于,它利用虚拟DOM的概念和diff算法实现了对页面的"按需更新",

posted @ 2021-05-21 11:10  浣熊sky  阅读(396)  评论(0编辑  收藏  举报