router-link进行跳转和a标签跳转页面的区别

徘徊边缘 提交于 2020-04-21 02:45:50

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

2. 通过a标签进行跳转,页面会被重新渲染,即相当于重新打开一个新的网页,体现为视觉上的“闪烁”(如果是本地的项目基本看不出来)

这里涉及到一个关于nuxt.js的知识点:

如果我跳转过去的页面涉及ssr渲染的话(使单页程序vue支持Seo);

跳转后的页面:

这里建议使用a标签跳转,涉及到vue的生命周期,能够保证asyncData区域的方法生效;否者需要手动刷新页面才能修复bug

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!