vue3 子组件通过 defineemits 没有改变父组件变量

在Vue3中，子组件可以通过`defineEmits`定义自己的事件，然后在父组件中使用`v-on`监听子组件触发的事件。如果你在子组件中触发了自定义事件，但是父组件的变量没有改变，可能是以下几个原因：

1. 子组件没有正确触发自定义事件。你需要在子组件中使用`emit`方法触发自定义事件，并传递需要更新的值作为参数。例如：

   // 子组件中
   import { defineEmits } from 'vue'
   
   export default {
     emits: ['update:currentPage'], // 定义自定义事件
     methods: {
       handlePageChange(page) {
         this.$emit('update:currentPage', page) // 触发自定义事件
       }
     }
   }

2. 父组件没有正确监听自定义事件。你需要在父组件中使用`v-on`监听子组件触发的自定义事件，并更新父组件的变量。例如：

   <!-- 父组件中 -->
   <template>
     <div>
       <child-component :current-page="currentPage" @update:current-page="handlePageChange" />
     </div>
   </template>
   
   <script>
   import ChildComponent from './ChildComponent.vue'
   
   export default {
     components: {
       ChildComponent
     },
     data() {
       return {
         currentPage: 1
       }
     },
     methods: {
       handlePageChange(page) {
         this.currentPage = page // 更新父组件的变量
       }
     }
   }
   </script>

如果以上两个步骤都正确实现了，但是父组件的变量还是没有改变，可能是因为你在父组件中使用了不可变数据类型，例如字符串或数字。这些类型的值是不可变的，如果你想要改变它们的值，需要重新赋值。你可以将父组件中的变量定义为一个对象，然后在子组件中更新对象的属性值来实现改变父组件变量的目的。