1、router-link 【实现跳转最简单的方法】
<router-link to='需要跳转到的页面的路径>
浏览器在解析时,将它解析成一个类似于<a> 的标签。
<li >
<router-link to="keyframes">点击验证动画效果 </router-link>
</li>
别忘记给需要跳转的路径在需要提前在router/index.js下引入哦
2、this.$router.push({ path:’/user’})
常用于路由传参,用法同第三种
区别:
1.query引入方式
params只能用name来引入路由
而query 要用path引入
2.query传递方式
类似于我们ajax中get传参,在浏览器地址栏中显示参数
params则类似于post,在浏览器地址栏中不显示参数
3、this.$router.replace{path:‘/’ }类似,不再赘述