描述

在vue中 父子组件之间的传值可以通过props属性。这个就不多说,最近学习的时候遇到一个问题就是非父子组件之间的传值。在官方文档中也是有教程的这里

vue官方链接

https://router.vuejs.org/zh/api/#router-link

在文档中说明可以通过router-link里面的属性进行配置传值 一个简单的demo如下:

组件a:

<router-link :to="{ name:'Content', params: { id:123 }}">跳转到组件b</router-link>

组件b:

export default {

name:'Content',

data:function(){

        return {

            id:null

        }

    },

created:function(){

// 取到路由带过来的参数

let id = this.$route.params.id;

// 将数据放在当前组件的数据内   

  console.log(this. id  );

}

}