配路由只是将路径和模块组合在一起,让它们一一对应,含义就是如果你将来点击了这个路径,就会显示这个组件;
但是路由配置好了,它不会自己跳呀,它需要外力呀。
这个外力是什么:
可以是声明式导航<router-link>,它的用法是:这个router-link标签本质上其实就是a标签,它里面有个属性to ,就是要跳转到的路由,刚好这个路由和组件配置好了,一一对应了,你点这个标签修饰的内容,就会跳转到这个组件去,因为本来是跳到这个路由去,刚好这个路由和组件对应,就会跳到组件里去;
外力也可以是编程式导航:就是在你想要跳的标签身上,增加点击事件,在函数里写代码,用this.$router.push(‘路径’)去跳到这个路径,然后这个路径对应的是这个组件,所以就跳到了这个组件这里,图示: