父组件传递
爸爸组件里引用儿子
这里面detail-left-pannel是我的子组件名字,我要向这个组件里面传递tree和baseInfo这两个数据
<detail-left-pannel :tree="tree" :baseInfo="baseInfo" @page=switchMenu></detail-left-pannel>
要传递的数据,是要在父组件的data里面声明一下,比如tree,可以在这提前写好,或者用配置文件,或者在下面再赋值都可以无论哪种方法,总的来说就是赋值
tree: tree
子组件接收
这样的话其实你的数据已经传递到子组件去了,下面要做的就是在子组件里面接收他
儿子组件里面props进来数据,接住数据
props: ['baseInfo', 'tree'],
这样就可以直接在子组件内用this.XX调用了,但是值的注意的是,如果这个值不是死的,是会变化的,需要在子组件内监听再使用