-component1></child-component1>
            <child-component2></child-component2>
            <button @click="showChildData">子组件数据</button>
        </div>
    </template>
    <template id='childComponent1'>
        <p>This is child Component1</p>
    </template>
    <template id='childComponent2'>
        <p>This is child Component2</p>
    </template>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    Vue.component('parent-component', {
        template: '#p