反常的VNode渲染行为

[WenyaoL]

先贴代码
App.vue

<script setup>
import { ref } from 'vue'
import Comp from './Comp.vue'
const msg = ref('Hello World!')
</script>

<template>
	<Comp></Comp>
</template>

Comp.vue

<script lang='ts'>
import { defineComponent,getCurrentInstance, h, renderSlot, VNode} from 'vue';
import BullutList from './BulletList.vue'
export default defineComponent({
    setup(props,{slots, expose}) {
        let ul:VNode = null
        const handleClick = (ev:MouseEvent)=>{
            console.log(ev);
            ul.component.exposed['clearOne']()
        }

        return ()=>{
            const c = [
                h("li","1"),
                h("li","2"),
                h("li","3"),
                h("li","4"),
                h("li","5"),
                h("li","6"),
            ]
            const button = h('button',{onClick:handleClick},"clearOne")
            ul = h(BullutList,null,()=>c)
            const vnode = h("div",[button,ul])
            
            return vnode
        }
    }
})
</script>

BulletList.vue

<script lang='ts'>
import { defineComponent,getCurrentInstance, h, renderSlot, VNode} from 'vue';
export default defineComponent({
    setup(props,{slots, expose}) {
        const instance = getCurrentInstance()
        let inlineContent:any = null
        let f = false

        const clearOne = ()=>{
            f = true
            instance.proxy.$forceUpdate()
        }
        expose({clearOne})

        return ()=>{
            let currVNode: VNode = null
            console.log("exec render function");
            if (!inlineContent) {
                inlineContent = renderSlot(slots, 'default').children as any
            }

            if(f) {
                console.log("exec render function again");
                //inlineContent.splice(0,0) //none render
                //inlineContent.splice(0,1) //render 1
                //inlineContent.splice(2,2) //render 3 4
                //inlineContent.splice(2,4) //render 3 4 5 6
              	
                inlineContent.splice(0,2) //render 1 2
              	console.log(inlineContent.length) //4
              
              	//clear all(It seems to have received some kind of influence, rendering is always related to the "slice()" function)
                return h('ul',{class:'marked-vue-orderList'},[])  //all VNodes should be cleared
            }

            currVNode = h('ul',{class:'marked-vue-orderList'},inlineContent)
            return currVNode
        }
    }
})
</script>

问题是这样的，我在写一个列表的组件，其中有些信息是非响应式的，BulletList这个组件暴露了一个clearOne方法，我通过父组件调用这个方法去修改子组件BulletList里的一些内容，但是在渲染函数中返回值时候会Array.splice()的影响，我明明返回空的ul元素(h('ul',{class:'marked-vue-orderList'},[]))，诡异的是为什么页面渲染的结果总是跟上面的inlineContent.splice(0,2)有关。inlineContent删除什么页面就渲染什么