Vue状态管理入门第四章:组合式store和SSR风险2026-06-30 vuereactive store 之外,还可以用 ref、computed 和组合式函数组织全局状态。本文讲清模块作用域、局部状态、全局状态的区别,以及 SSR 中全局单例为什么会出问题。#Vue #SSR #状态管理 +2阅读更多
Vue状态管理入门第一章:状态、视图和交互到底是什么2026-06-30 vue从一个计数器开始理解 Vue 状态管理的三个基本角色:状态、视图和交互。本文用图解、代码和练习帮小白先把单组件的数据流跑通。#基础入门 #Vue #状态管理 +2阅读更多
Vue 3模板引用的正确使用场景与边界在哪里?2026-02-07 vueVue模板引用通过ref获取DOM元素或子组件实例,3.5+用useTemplateRef,旧版需手动声明ref变量。用途包括程序化聚焦、初始化第三方库、读取DOM尺寸等。核心原则:优先用Props/Emit通信,避免过度依赖;子组件 …#基础入门 #ref #Vue 3 +2阅读更多
Vue 3的defineExpose:如何突破script setup组件默认封装,实现精准的父子通讯?2026-02-05 vueVue 3.2+的<script setup>默认封装组件内部状态和方法,需用defineExpose显式暴露。子组件通过defineExpose({状态/方法})指定需暴露内容,父组件用ref获取子组件实例后,可直接访问暴露的 …#基础入门 #ref #defineExpose +2阅读更多
Vue模板引用:如何在不同场景下灵活管理DOM元素与组件实例?2026-02-02 vueVue模板引用可直接访问DOM或子组件实例,用于聚焦元素、初始化第三方库等场景。3.5+组合式API用useTemplateRef,此前版本用ref,选项式API通过this.$refs访问。子组件需defineExpose(组合式) …#基础入门 #组合式API #ref +2阅读更多
Vue 3中watch监听ref和reactive的核心差异与注意事项是什么?2026-01-24 vueVue 3侦听器用于响应式数据变化时执行副作用,支持监听ref和reactive。监听ref可直接传入,reactive默认深度监听整个对象,单个属性需用getter函数。注意:reactive属性不能直接监听,须以函数返回,且对象新旧值引 …#基础入门 #ref #reactive +2阅读更多