目录 前言 setup语法糖 一、基本用法 二、data和methods 三、计算属性computed 四、监听器watch、watchEffect 五、自定义指令directive 六、import导入的内容可直接使用 七、声明props和emits  八、父组件获取子组件的数据  九、provide和inject传值 十、路由useRoute和useRouter 十一、对await异步的支持 十二、nextTick 十三、全局属性globalProperties

setup注意点：  setup的使用： 1.setup 函数时，它将接受两个参数：（props、context(包含attrs、slots、emit)） context包含三个参数，可通过解构方式写 context该上下文对象是非响应式的，可以安全地解构： export default { setup(props, { attrs, slots, emit, expose }) { // Attribute（非响应式的对象，等价于 $attrs） console

Vue 3.2 版本开始，<script setup> 从实验性质转为稳定版，开发体验十分舒适！ 下面的例子都是基于 <script setup> + TS 的情况 总共分三步 1、在子组件暴露需要被父组件调用的属性 2、在子组件定义类型 3、父组件引入子组件的类型，并定义 ref 第一步：defineExpose 暴露子组件属性 defineExpose 官方定义看这里v3.cn.vuejs.org/api/sfc-scr… 使用<script