vue的超链接传值取值

vue的超链接传值方式
准备工作：
①新建一个vue页面

②在router/index.js下

1)头顶引入页面，加入这行代码：

import GoodsDetail from '@/components/GoodsDetail'

// 代码解释：第一个GoodsDetail是第二步里面routes里面的name值
//          后面from就是你这个vue页面的路径

2)底下添加routes

{
      path:'/goodsDetail',  // 和router-link to相呼应，导航到/goodsDetail
      name:'GoodsDetail',
      component:GoodsDetail
    }

// 暂时还不知道这个component属性的作用，望指出

③然后在需要超链接的页面编写的两种方式
1、使用的是name，这个name是router/index.js下routes的name

<router-link :to="{name:'GoodsDetail',query:{id:row}}"></router-link>

2、使用的是path,这个path是router/index.js下routes的path

<router-link :to="{path:'/goodsDetail',query:{id:row}}"></router-link>

3、然后是在对应页面取值

{{ this.query.id }}

// this.query这一段是固定的，然后后面这个id就是你自己定义的key
// row就是你要传的value，可以传一个字符串或者数组或者json都可以