vue使用JS的形式進行路由導航

// 注意： 必定要區分 this.$route 和 this.$router 這兩個對象，
      // 其中： this.$route 是路由【參數對象】，全部路由中的參數， params, query 都屬於它
      // 其中： this.$router 是一個路由【導航對象】，用它 能夠方便的 使用 JS 代碼，實現路由的 前進、後退、 跳轉到新的 URL 地址

      console.log(this);
      // 1. 最簡單的
      // this.$router.push("/home/goodsinfo/" + id);
      // 2. 傳遞對象
      // this.$router.push({ path: "/home/goodsinfo/" + id });
      // 3. 傳遞命名的路由
      this.$router.push({ name: "goodsinfo", params: { id } });
{ path: '/home/goodsinfo/:id', component: GoodsInfo, name: 'goodsinfo' },