列表渲染时,事件的函数中文传参有问题,是bug吗?

简易的待办事项功能

  • 新增任务
  • 删除任务

下方代码中,<button @click="删除任务(序号)">删除</button>
这里事件调用的函数,如果传的参数是中文命名,函数获取到的参数就都是0,导致无法正确删除列表。
只要把中文参数序号全改成英文参数,结果就正常了。
这个是Bug吗,还是我哪里处理有误?

<template>
    <form @submit.prevent="新增任务()">
        <input placeholder="请输入待办事项" v-model="输入文本" />
        <button>新增</button>
    </form>
    <ul>
        <li v-for="(任务, 序号) in 待办事项" :key="序号">
            {{任务}}
            <button @click="删除任务(序号)">删除</button>
            <hr/>
        </li> 
    </ul>
</template>

<script setup>

    import { ref } from "vue";

    var 待办事项 = ref([])
    var 输入文本 = ref('')

    function 新增任务 () {
        if (输入文本.value === '') {
            alert("任务不能为空")
        } else {
            待办事项.value.push(输入文本.value)
            输入文本.value = ''
        }
    }

    function 删除任务(序号) {
        console.log(序号)
        待办事项.value.splice(序号,1)
    }

</script>

尽量不要用中文,鬼知道会出现什么问题。
不建议用中文,其实主要考虑的就是兼容性的问题。