标签:vue

Vue 插槽极简实战手册:三类插槽核心用法

Vue 插槽极简实战手册:三类插槽核心用法

Vue 插槽(Slot)的本质是‌位置占位 + 内容分发‌。它解决了组件复用中“结构相似但内容不同”的痛点, 避免了通过大量 Props 传递 HTML 字符串导致的维护困难和 XSS 风险。 以下是默认插槽、具名插槽和作用域插槽的核心用法与实战指南。 1. 默认插槽(Default Slot) ‌核心场景‌:组件只有一个主要区域需要自定义,或者作为其他插……

分析 computed 与 watch 的核心区别

分析 computed 与 watch 的核心区别

在 Vue 3 的响应式系统中,computed(计算属性)和 watch(侦听器)虽然都用于监听数据变化,但它们的设计初衷、底层机制和适用场景有着本质的区别。 简单来说:‌computed 是为了“得到一个新值”,而 watch 是为了“执行一段逻辑”。‌ 以下是两者的核心区别深度解析: 1、核心定位与职责 .table1 { border-collap……