vue中this.$emit(‘update:page‘, val)的作用

在 Vue.js 中，this.$emit 是 Vue 实例的一个方法，用于触发当前实例上的事件。这些事件可以被父组件监听并响应。当你看到 this.$emit('update:page', val) 这样的代码时，它的意思是当前组件正在触发一个名为 update:page 的事件，并将 val 作为参数传递给这个事件的监听器。

这种命名约定（update: 前缀）通常用于实现父子组件之间的双向绑定或状态同步，特别是当使用 .sync 修饰符时。然而，即使不使用 .sync 修饰符，你也可以手动监听并处理这些事件。

--参考文心一言

子组件：

子组件点击事件handleClick触发

@click="handleClick"

handleClick(){

// 当按钮被点击时，触发 'update:page' 事件，并将新的页面值传递给父组件

        this.$emit('update:page',val)

}

父组件：

 <ChildComponent @update:page="handlePageUpdate" />  

handlePageUpdate（childVal）{

// 父组件接收到子组件传过来的childVal

}