vue.js之vue-cli中路由传值

首先,在ruoter/index.js中

 //路由传值
{path:'/MovieList', name:'MovieList' , component:MovieList},

然后,在组件中使用router-link

//name为要跳转的页面,query里面是传递的值
 

最后,在跳转的页面接收

data() {
      return {
            //使用下面的方法接收传的值
            movieId: this.$route.query.movieId
        }
    }

你可能感兴趣的:(vue.js之vue-cli中路由传值)