index.vue

<template>
    <a-row :gutter="10">
        <a-col :span="8">
            <LeftTree v-model="treeVale" />
        </a-col>
        <a-col :span="16">
            <RightBox v-if="!isObjEmpty(treeVale)" :info="treeVale" />
        </a-col>
    </a-row>
</template>

<script>
import RightBox from './Right/RightBox.vue';
import LeftTree from './Left/LeftTree.vue';
import { isObjEmpty } from '@/utils';

export default {
    components: { RightBox, LeftTree },
    data() {
        return {
            treeVale: {},
            isObjEmpty,
        };
    },
    watch: {
        treeVale(val) {
            console.log(val);
        },
    },
};
</script>