文章 第 3 页
Vue3 动画系统与自定义指令实战
从自定义指令到底层DOM操作,从Transition过渡动画到Teleport传送门,全面掌握Vue3进阶特性。
Vue3 组件基础:Props 与自定义事件
掌握 Vue3 组件化开发核心:单文件组件结构、全局与局部注册、Props 的类型校验与单向数据流、自定义事件实现子传父通信,以及事件校验机制。
Vue3 生命周期与侦听器完全指南
理解 Vue3 组件从创建到销毁的完整生命周期,掌握 onMounted 实战用法。深入对比 watch 与 watchEffect,覆盖深层侦听、回调时机、手动停止及 Vue2/Vue3 钩子差异。
Vue3 事件处理与表单双向绑定实战
掌握 Vue3 中 v-on 事件绑定的各种姿势:内联处理器、事件对象传递、修饰符链式调用。深入理解 v-model 双向绑定的原理及 .lazy/.number/.trim 修饰符实战应用。
Vue3 样式绑定、条件渲染与列表渲染
深入掌握 Vue3 中 class 与 style 的动态绑定技巧,理解 v-if/v-show 的差异与适用场景,学会 v-for 的各种遍历方式及 key 的最佳实践。
Vue3 响应式基础:ref 与 reactive 深度对比
Vue3 提供了 ref 和 reactive 两个核心 API 来创建响应式数据。本文深度对比两者的使用场景、底层原理、解包行为与局限性,并介绍 readonly、toRef、toRefs 等辅助 API。
Vue3 模板语法全解析:从插值到指令
Vue3 的模板语法基于 HTML,但提供了数据绑定、JavaScript 表达式、指令等增强特性。本文全面解析文本插值、原始 HTML、属性绑定、JS 表达式与沙盒机制等核心概念。
知易行难真的不假
每天上班的空闲时间里,看着【任务计划】里关于【生活】的条目里空落落的,一个字都没有敲出来或写下来,却还都固执地列在清单里,就会觉得想要【实践知行合一】,对自己而言,就是对“知行合一”观念的一种讽刺,一种侮辱,一种无视,一种践踏…
Vue3 学习路线与开发环境搭建
从零开始学习 Vue3,首先要明确学习路线。本文梳理了 Vue3 的知识体系:快速入门 → 深入本质 → 细节补充,并详细介绍开发环境搭建,包括 Vite 工程化配置。
对象数组合并四法
在日常开发工作中总结的一个实用方法:当两个数组的长度不一致时,按索引直接合并就不再可靠了,需要基于指定的属性进行匹配连接。常见了有四种,类似于SQL中的连接操作。 假设我们有以下两个数组: 1. 左连接(Left join,以 arr1…