Vue3.2 setup函数与Hooks在组件中的基础应用方法是什么？

本文共计1840个文字，预计阅读时间需要8分钟。

目录引言setup（语法糖）

1.基本使用

2.自动注册

3.组件通信

- defineEmit（子组件向父组件事件传递） - defineExpose（组件暴露自身属性）代码示例： - defineEmit - defineExpose钩子函数介绍：

目录

• 引言
• setup（语法糖）
• 1、基本使用
• 2、自动注册
• 3、组件通信
• defineEmit ----> [子组件向父组件事件传递] 代码示列：
• defineExpose ----> [组件暴露出自己的属性] 代码示列：
• hook函数
• 介绍：
• 示列 :

引言

在2021 年 8 月 5 日，Vue发布了3.2版本的新写法，其中最主要的亮点就在于setup的语法糖，学过Vue3.0的小伙伴都清楚，当我们在使用Vue3的语法就构建组件的时候，总是需要把外面定义的方法变量必须要return出去，比较麻烦一些，所以Vue官方这次提供了setup语法糖，有了他，我们可以更加简洁舒适的去构建组件。