路由和声明式导航<router-link>及编程式导航this.$router.push的关系

路由只是将路径和模块组合在一起,让它们一一对应,含义就是如果你将来点击了这个路径,就会显示这个组件;

但是路由配置好了,它不会自己跳呀,它需要外力呀。

这个外力是什么:

可以是声明式导航,它的用法是:这个router-link标签本质上其实就是a标签,它里面有个属性to ,就是要跳转到的路由,刚好这个路由和组件配置好了,一一对应了,你点这个标签修饰的内容,就会跳转到这个组件去,因为本来是跳到这个路由去,刚好这个路由和组件对应,就会跳到组件里去;

外力也可以是编程式导航:就是在你想要跳的标签身上,增加点击事件,在函数里写代码,用this.$router.push(‘路径’)去跳到这个路径,然后这个路径对应的是这个组件,所以就跳到了这个组件这里,图示:

路由和声明式导航<router-link>及编程式导航this.$router.push的关系_第1张图片

你可能感兴趣的:(web前端开发,前端,javascript,开发语言)