vue三种路由传参方式：路由属性push方法、params、query

vue路由传参的三种方式：

场景：点击当前页的某个按钮跳转到另一个页面，并将某个值带过去
<div class=“item” @click=“getDetail(3)”>查看详情

1、直接使用路由属性配置this.$router.push实现携带参数跳转

    methods:{
   
        getDetail(id){
   
            this.$router.push({
   path:`/user/${
     id}/`})
        }
    }

对应的路由配置(每个路由配置信息以对象的形式保存)

   import VueRouter from 'vue-router'; //引入vue-router
   Vue.config.producionTip = false; //阻止启动生产消息
   Vue.use(VueRouter); //使用VueRouter，注入到Vue实例中
   const router = new VueRotuer({
    //创建路由对象
       mode:'