摘要：
Mixin（混入）是 Vue.js 中一种分发组件可复用功能的方式。它允许你将多个组件共用的数据、计算属性、方法、生命周期钩子等抽取成一个独立的对象，然后混入到多个组件中使用。 当组件和 mixin 有同名选项时，Vue 有特定的合并规则： 选项类型 合并策略 示例 data 函数 合并，冲突时以组 阅读全文
posted @ 2026-07-21 08:42
小肥123
阅读(5)
评论(0)
推荐(0)
摘要：
在下次 DOM 更新循环结束之后，执行指定的回调函数。 简单来说，它的核心作用是 让你在修改数据之后，能够立即获取到更新后的 DOM。 场景 说明 操作依赖 DOM 的第三方库 比如初始化 Swiper、ECharts 图表，或调用 jQuery 插件时，必须保证挂载点 DOM 已经渲染完成。 获取 阅读全文
posted @ 2026-07-21 08:37
小肥123
阅读(4)
评论(0)
推荐(0)
摘要：
双向数据绑定是指：数据（Model）和视图（View）之间，只要任何一方发生变化，另一方就会自动同步更新。 优点：开发极其爽快，无需手动操作 DOM，特别适合表单输入场景（登录框、注册页）。 缺点：难以追踪数据流。当项目变大，组件嵌套很深时，你很难搞清楚“到底是数据改了导致页面变了，还是用户操作导致 阅读全文
posted @ 2026-07-20 08:40
小肥123
阅读(3)
评论(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
阅读(4)
评论(0)
推荐(0)
摘要：
维度 组件 (Component) 插件 (Plugin) 本质 一个可复用的Vue实例（选项对象或.vue文件） 一个对象或函数，必须暴露install方法 注册方式 components: { MyComp } 或 Vue.component('MyComp', {...}) Vue.use(M 阅读全文
posted @ 2026-07-19 21:55
小肥123
阅读(2)
评论(0)
推荐(0)
摘要：
在Vue 2中，动态给data添加新属性不会触发视图更新，因为新属性没有经过Object.defineProperty的响应式劫持。 解决方法是使用Vue.set或this.$set。在Vue 3中，由于使用了Proxy，动态添加属性默认就是响应式的，无需特殊处理。 阅读全文
posted @ 2026-07-19 21:52
小肥123
阅读(5)
评论(0)
推荐(0)
摘要：
1、根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况 2、组件实例对象data必须为函数，目的是为了防止多个组件实例对象之间共用一个data，产生数据污染。采用函数的形式，initData时会将其作为工厂函数都会返回全新data对象 阅读全文
posted @ 2026-07-18 17:16
小肥123
阅读(3)
评论(0)
推荐(0)
摘要：
1、减小入口文件积 2、静态资源本地缓存 3、UI框架按需加载 4、图片资源的压缩 5、组件重复打包 6、开启GZip压缩 7、使用SSR 阅读全文
posted @ 2026-07-18 17:15
小肥123
阅读(2)
评论(0)
推荐(0)
摘要：
一、初始化阶段（创建前后） 钩子 触发时机 能做什么（或注意什么） beforeCreate 实例刚初始化，数据观测 (data) 和事件 (watcher) 都还未设置。 很少用。此时拿不到 data、methods 等。 created 实例创建完成，数据观测、计算属性、方法都已配置好，但 DO 阅读全文
posted @ 2026-07-17 09:02
小肥123
阅读(5)
评论(0)
推荐(0)
摘要：
对比维度 v-if v-show 渲染机制 条件为真时创建DOM，为假时销毁DOM 始终渲染DOM，通过 display:none 切换 切换成本 高（涉及销毁/重建） 低（仅切换CSS） 初始渲染成本 惰性（假时不渲染） 较高（无论真假都渲染） 是否支持 v-else ✅ 支持 ❌ 不支持 组件状 阅读全文
posted @ 2026-07-17 08:49
小肥123
阅读(5)
评论(0)
推荐(0)
浙公网安备 33010602011771号