名人卷耶

使用tsx定义的父组件通过ref，获取子组件（tsx）里面的属性。

开始之前Composition API 可以说是Vue3的最大特点，那么为什么要推出Composition Api，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用Composition Api都能迎刃而解正文一、Options ApiOptions API，即大家常说的选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data.

父组件<template> <div class="box"> <PageWrapper :title="'返回'" :content="'page 使用'" dense aa> <div> page 内容 </div> </PageWrapper> </div></template>子组件<script type="ts" >

beforeCreate / created -> // 使用 setup(),setup()周期函数在beforeCreate 之后，created 之前 beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeUnmount -> onBeforeUnmount unmounted -> o.

总共有6种方式：props（父传子）emit （子传父）v-model （子传父）refs （父传子）provide/inject （父传子孙）vuex/pinia(状态管理工具)**注意： eventBus 事件总线，vue3已废除。Vue3中移除了事件总线，但是可以借助于第三方工具来完成，Vue官方推荐mitt或tiny-emitter。在大多数情况下不推荐使用全局事件总线的方式来实现组件通信，虽然比较简单粗暴。但对于长期维护比较麻烦。1、props父组件<templ

1、<script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。<script setup> 中的代码会在每次组件实例被创建的时候执行。相比于普通的 <script> 语法，它具有更多优势：更少的样板内容，更简洁的代码。能够使用纯 Typescript 声明 props 和抛出事件。更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数，没有任何的中间代理)。更好的 IDE（集成开发环境） 类型推断性能(减少语言服务器

1、什么是单文件组件？在大多数启用了构建工具的 Vue 项目中，我们可以使用一种类似 HTML 格式的文件来书写 Vue 组件，它被称为单文件组件 (也被称为 *.vue 文件，英文缩写为 SFC)。顾名思义，Vue 的单文件组件会将一个组件的逻辑 (JavaScript)，模板 (HTML) 和样式 (CSS) 封装在同一个文件里。2、单文件组件有几种风格？什么是选项式API? 什么是组合式API?（1）vue组件风格可以按照两种不同的风格书写：选项式API、组合式API。（2）选项式API：使.

一、main.ts中定义二、在页面中使用<template> <div> 全局变量 <div>方法1（使用 getCurrentInstance 的 appContext）：{{way1}}</div> <div>方法2（从 getCurrentInstance 结构出 proxy）：{{way2}}</div> </div></template><script