Ref.

reactive store 之外，还可以用 ref、computed 和组合式函数组织全局状态。本文讲清模块作用域、局部状态、全局状态的区别，以及 SSR 中全局单例为什么会出问题。

从一个计数器开始理解 Vue 状态管理的三个基本角色：状态、视图和交互。本文用图解、代码和练习帮小白先把单组件的数据流跑通。

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管理简单样 …

Options API和Composition API是Vue 3中声明和操作响应式数据的两种方式。Options API通过data选项声明响应式状态，Vue 3使用Proxy实现响应式，需通过this访问代理对象。Composition …

Vue的响应式系统通过跟踪JavaScript状态的变化，自动更新依赖该状态的UI或逻辑。核心机制基于Proxy，解决了Vue2中Object.defineProperty的局限，支持对象新增/删除属性和数组索引/长度变化的跟踪。响应式数据 …