摘要：
keep-alive 是 Vue 内置的一个抽象组件，它能够缓存不活动的组件实例，而不是销毁它们。 缓存机制 1、keep-alive 内部维护一个缓存对象（cache）和一个键值对映射（keys），用于存储被包裹组件的实例。 2、当组件首次渲染时，会将其 VNode 和实例存入缓存。 3、当组件切 阅读全文
posted @ 2026-07-28 08:57
小肥123
阅读(11)
评论(0)
推荐(0)
摘要：
在 Vue.js 中，key 是一个特殊属性，主要用于虚拟 DOM 的 diff 算法，以优化 DOM 更新性能并确保组件状态的正确性。 场景 无 key 有 key (唯一id) 列表末尾插入 性能尚可 性能更优 列表中间插入/删除 可能导致后续所有节点更新 仅操作目标节点 列表顺序变化 大量 D 阅读全文
posted @ 2026-07-28 08:42
小肥123
阅读(5)
评论(0)
推荐(0)
摘要：
核心作用：把一个普通的 JavaScript 对象变成响应式对象。当这个对象的属性发生变化时，所有依赖它的组件视图会自动更新。 Vue 3 中 Vue.observable 已被移除，改用 Composition API 的 reactive 和 ref。 方案 适用场景 不适用场景 Vue.obs 阅读全文
posted @ 2026-07-24 08:53
小肥123
阅读(8)
评论(0)
推荐(0)
摘要：
一、基础场景：封装高度可复用的“通用组件” 这是插槽最基础、使用最频繁的用途。当组件的外壳（样式/布局）固定，但内部内容需要根据页面动态变化时使用。 1、弹窗/对话框组件：封装一个 BaseDialog，外壳（遮罩、标题栏、确认/取消按钮）固定，把中间的内容区用 挖空。父组件往里塞“登录表单”、“图 阅读全文
posted @ 2026-07-24 08:49
小肥123
阅读(11)
评论(0)
推荐(0)
摘要：
Mixin（混入）是 Vue.js 中一种分发组件可复用功能的方式。它允许你将多个组件共用的数据、计算属性、方法、生命周期钩子等抽取成一个独立的对象，然后混入到多个组件中使用。 当组件和 mixin 有同名选项时，Vue 有特定的合并规则： 选项类型 合并策略 示例 data 函数 合并，冲突时以组 阅读全文
posted @ 2026-07-21 08:42
小肥123
阅读(13)
评论(0)
推荐(0)
摘要：
在下次 DOM 更新循环结束之后，执行指定的回调函数。 简单来说，它的核心作用是 让你在修改数据之后，能够立即获取到更新后的 DOM。 场景 说明 操作依赖 DOM 的第三方库 比如初始化 Swiper、ECharts 图表，或调用 jQuery 插件时，必须保证挂载点 DOM 已经渲染完成。 获取 阅读全文
posted @ 2026-07-21 08:37
小肥123
阅读(6)
评论(0)
推荐(0)
摘要：
双向数据绑定是指：数据（Model）和视图（View）之间，只要任何一方发生变化，另一方就会自动同步更新。 优点：开发极其爽快，无需手动操作 DOM，特别适合表单输入场景（登录框、注册页）。 缺点：难以追踪数据流。当项目变大，组件嵌套很深时，你很难搞清楚“到底是数据改了导致页面变了，还是用户操作导致 阅读全文
posted @ 2026-07-20 08:40
小肥123
阅读(9)
评论(0)
推荐(0)
摘要：
组件间通信的分类可以分成以下 1、父子组件之间的通信 2、兄弟组件之间的通信 3、祖孙与后代组件之间的通信 4、非关系组件间之间的通信 组件间通信的方案： 1、通过 props 传递 2、通过 $emit 触发自定义事件 3、使用 ref 4、EventBus 5、$parent 或$root 6、 阅读全文
posted @ 2026-07-20 08:37
小肥123
阅读(8)
评论(0)
推荐(0)
摘要：
维度 组件 (Component) 插件 (Plugin) 本质 一个可复用的Vue实例（选项对象或.vue文件） 一个对象或函数，必须暴露install方法 注册方式 components: { MyComp } 或 Vue.component('MyComp', {...}) Vue.use(M 阅读全文
posted @ 2026-07-19 21:55
小肥123
阅读(7)
评论(0)
推荐(0)
摘要：
在Vue 2中，动态给data添加新属性不会触发视图更新，因为新属性没有经过Object.defineProperty的响应式劫持。 解决方法是使用Vue.set或this.$set。在Vue 3中，由于使用了Proxy，动态添加属性默认就是响应式的，无需特殊处理。 阅读全文
posted @ 2026-07-19 21:52
小肥123
阅读(11)
评论(0)
推荐(0)
浙公网安备 33010602011771号