Vue3.2 setup语法糖及Hook函数如何基本使用？

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

目录引言setup（语法糖）

1.基本使用

2.自动注册

3.组件通信

- defineEmit [子组件向父组件事件传递] - defineExpose [组件暴露属性] - 代码示例

4.hook函数

介绍：介绍setup函数及其在Vue 3中的使用。

目录

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

引言

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