相同:router-link和a都能路由跳转
区别:
- router-link是vue中vue-router插件中的一个组件,通过配置to属性实现路由跳转;a是html中标签,通过配置href实现路由跳转.
- vue中使用router-link属于声明式路由导航,a属于编程式路由导航
声明式路由导航和编程式路由导航
声明式路由导航:在标签中就可以实现路由跳转,可以通过配置属性携带参数
编程式路由导航:通过触发事件进行路由跳转, 路由跳转前可进行逻辑和参数配置,使跳转更健壮
项目使用:router-link(简单方便) 和a(灵活高效)
问题:当我们用router-link组件去完成上面的页面模块时,会存在上百个router-link组件,大量的组件会增加vue的工作,降低性能.
解决:a标签替代router-link组件,使用编程式路由导航,通过事件触发跳转,减少组件的生成,提升性能