前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >(九)setup中的methods和Emit 自定义事件

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

作者头像
老怪兽
发布2023-02-22 18:09:44
发布2023-02-22 18:09:44
59300
代码可运行
举报
运行总次数:0
代码可运行
setup中的methods

说明

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

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

Emit 自定义事件

说明

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

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

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

代码语言:javascript
代码运行次数:0
复制
// 可以直接在模板中发送事件
@click="$emit('newMethods')"
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月8日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Emit 自定义事件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档