我在尝试将数据从父级传递到子级时遇到了这个错误。

vue@next:1616 [Vue warn]: Extraneous non-props attributes (parentdata) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. 
  at <Child parentdata="Data From Parent" > 
  at <App>

我的源代码在下面，只是简单地将数据从父节点传递给子节点.
我猜这是与文本根节点有关？如果是这样，我该如何解决这个问题？

<div id="app">
<child parentData="Data From Parent"></child>
</div>

<template id="child_comp">
    Child component test [[ parentData]]
</template>

<script>
    const Child = {
        props:['parentData'],
        template: '#child_comp',
        data (){
            return {
            }
        },
        mounted() {
            console.log(this.parentData);
        },
        delimiters: ['[[', ']]']  
    }

    Vue.createApp({
        components:{
            "child":Child,
        },
        methods:{
        }
    }).mount('#app')

</script>