(九)setup中的methods和Emit 自定义事件

2023-02-22 18:09:44 浏览数 (2)

setup中的methods

说明

因为 methods 本来就是普通的 javaScript 函数,所以可以直接在 setup 中定义

代码语言:javascript复制
setup() {
    cosnt fn = () => {
        // 业务逻辑,如果需要在模板中使用,则需要通过return 返回出去
        // return 
    }
}

Emit 自定义事件

说明

因为在 setup 中无法访问 this 所以 setup 现在接收第二个参数

代码语言:javascript复制
emit: ['newMethods']
setup(props, { emit }) {
    emit('newmethods')
}

因为在模板中,可以访问this, 所以使用 emit 的方式保持不变

代码语言:javascript复制
// 可以直接在模板中发送事件
@click="$emit('newMethods')"

0 人点赞