路由跳转

路由的跳转有两种形式:声明式导航和编程式导航

声明式导航:

<router-link to='/home'>去home页面</router-link>

适用于直接跳转,不需要添加额外的业务逻辑

router-link(可以理解为a标签,可以加class修饰)【就是把a替换成router-link】

编程式导航:

编程式导航this.$router.push/replace( )

适用于需要处理业务逻辑,比如发送ajax请求,需要响应数据

声明式导航能做的,编程式导航都可以做,但是编程式导航除了可以进行路由跳转之外,还可以做一些其他的业务逻辑

push、replace【就是利用点击事件等配置methods,methods里面写this.$router.push("路径")(直接写路径的是无需传参数)】

push有历史记录,replace没有历史记录

配置路由出口

 

posted @ 2022-05-20 20:21  yeqi7  阅读(406)  评论(0)    收藏  举报