Ref

Vue模板引用通过ref获取DOM元素或子组件实例，3.5+用useTemplateRef，旧版需手动声明ref变量。用途包括程序化聚焦、初始化第三方库、读取DOM尺寸等。核心原则：优先用Props/Emit通信，避免过度依赖；子组件 …

Vue 3.2+的<script setup>默认封装组件内部状态和方法，需用defineExpose显式暴露。子组件通过defineExpose({状态/方法})指定需暴露内容，父组件用ref获取子组件实例后，可直接访问暴露的 …

Vue模板引用可直接访问DOM或子组件实例，用于聚焦元素、初始化第三方库等场景。3.5+组合式API用useTemplateRef，此前版本用ref，选项式API通过this.$refs访问。子组件需defineExpose（组合式） …

Vue 3侦听器用于响应式数据变化时执行副作用，支持监听ref和reactive。监听ref可直接传入，reactive默认深度监听整个对象，单个属性需用getter函数。注意：reactive属性不能直接监听，须以函数返回，且对象新旧值引 …

Vue3条件渲染可通过分组控制元素，配合v-if/v-else-if/v-else实现，避免冗余DOM节点。响应式数据（ref/reactive）驱动状态切换，如登录状态、角色权限。优势是保持DOM简洁。注意v-else-if需紧 …

Vue3动态样式开发通过响应式数据（ref/reactive）、watch（监听滚动/输入等变化）、computed（计算复合样式并缓存）及生命周期（onMounted初始化、onUnmounted清理）实现。ref管理简单样 …