vue push怎么样用

在Vue中，可以使用`$router.push(location)`方法进行路由跳转。其中，`location`可以是一个字符串或一个描述地址的对象。

如果`location`是一个字符串，那么它应该是目标路由的路径，例如：

this.$router.push('/home')

如果`location`是一个描述地址的对象，那么它应该包含以下属性之一：

- `path`：目标路由的路径
- `name`：目标路由的名称
- `params`：一个包含路由参数的对象
- `query`：一个包含查询参数的对象

例如：

// 通过 path 跳转
this.$router.push({ path: '/home' })

// 通过 name 跳转
this.$router.push({ name: 'home' })

// 通过 params 跳转
this.$router.push({ path: '/user', params: { userId: '123' } })

// 通过 query 跳转
this.$router.push({ path: '/search', query: { keywords: 'vue' } })

值得注意的是，如果要在组件中使用`$router`对象，需要先在组件中注入`router`对象，例如：

import { mapActions } from 'vuex'

export default {
  // 注入路由器
  inject: ['router'],

  methods: {
    ...mapActions(['fetchData']),

    // 跳转到详情页
    goToDetail(id) {
      this.router.push({ name: 'detail', params: { id } })
    }
  }
}