VUE：组件间相互跳转、页面带参跳转

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

只是记录下用法：

从 A 页面跳转到 B 页面。

如下写法：

A 页面跳转方式：

代码：

getdata() {

      var token = "我是参数值 ";

      // 参数组装
      let postData = this.$qs.stringify({
        name: $("#name").val(),
        word: $("#pwd").val()
      });

      this.$ajax({
        method: "post",
        url: this.GLOBAL.BASE_URL + "/gentle/first",
        data: postData
      }).then(res => {
        // this.$router.push({name:'路由命名',params:{参数名:参数值,参数名:参数值}})
        this.$router.push({name: 'menuLeft', params: {token: token}, query: {token: token}})
        },err => {
          console.log("出错了："+err);
        }
      );

    }

B 页面接收：

 

代码重点就是一行： 

 var data = this.$route.query.token

运行效果：