Vue3 emits选项将Emit派发事件可以对参数进行验证。，web开发面试题

export default {

emits:{

click: null,

‘changeOne’: payload => {

if(…) {

return true; // 验证通过

}

console.warn(‘验证失败！’)

return false; // 验证失败，控制台打印vue警告及“验证失败！”警告

},

‘changeTwo’: payload => {…}

},

setup() {…}

}

// 当验证函数中没有返回值return时，默认返回true

emits无论是数组或者对象用法最终都会将事件给传递出去，数组或对象的使用只是为了记录实例中的emit事件，或者是验证事件中的参数。

子组件

我是子组件{{ msg }}

<button @click=“handleClick(1)”>我是按钮1

<button @click=“handleClick(2)”>我是按钮2