vue中路由跳转的三种方式 简洁易懂(1)

=======================================================================================================

**

1、router-link 【实现跳转最简单的方法】

---

<router-link to='需要跳转到的页面的路径>

浏览器在解析时，将它解析成一个类似于 的标签。

div和css样式略

• 点击验证动画效果

  别忘记给需要跳转的路径在需要提前在router/index.js下引入哦。

  2、this.$router.push({ path:’/user’})

  ---

  常用于路由传参，用法同第三种

  区别：

  query引入方式

  params只能用name来引入路由

  而query 要用path引入

  query传递方式

  类似于我们ajax中get传参，在浏览器地址栏中显示参数

  params则类似于post，在浏览器地址栏中不显示参数

  在helloworld.vue文件中

  …