简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页> web前端> Vue.js> 正文

vue3 setup语法糖如何使用

王林
发布： 2023-05-10 11:43:05
转载
1364 人浏览过

    1.setup语法糖简介

    直接在script标签中添加setup属性就可以直接使用setup语法糖了。

    使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。
    登录后复制

    2.setup语法糖中新增的api

    • defineProps：子组件接收父组件中传来的props

    • defineEmits：子组件调用父组件中的方法

    • defineExpose：子组件暴露属性，可以在父组件中拿到

    2.1defineProps

    父组件代码
    登录后复制

    子组件代码
    登录后复制

    2.2defineEmits

    子组件代码
    登录后复制

    父组件代码
    登录后复制

    2.3defineExpose

    子组件代码
    登录后复制

    父组件代码
    登录后复制

    补充：与普通的script一起使用

    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！