vue 列表页跳转到详情流程

1. 获取数据

这里用的是假数据。因为要判断点击的是哪一个列表单项，所以点击事件需要传参，这里没有 id 就用 items 代替

2. 点击跳转

跳转的几种方法：路径跳转，命名路由跳转。

  methods: {
    handetail (id) {
      //   location.href = '#/detail'
      // 通过路劲跳转
      // this.$router.push(`/detail/${id}`)
      // 通过命名路由跳转
      this.$router.push({
        name: 'mydetil',
        params: {
          myid: id
        }
      })
    }
  }

2.1 命名路由：index.js 中

 {
    name: 'mydetil', // 命名路由
    path: '/detail/:myid', // 动态二级路由
    component: Detail
  },

接下来具备可以去请求详情页数据了

  created () {
    console.log('created', this.$route)
  },
  mounted () {
    console.log('mounted', this.$route.params.myid)
  }