Posts

Vue3中v-model实现表单双向绑定，基础通过value与input事件完成；支持多行文本、复选框（多绑定数组）、单选（name分组）、下拉多选（multiple属性）；提供.lazy（延迟更新）、.number（转数字）、.trim（ …

Vue3表单输入绑定通过v-model实现“数据-视图”双向同步，v-model是“value绑定+input事件”的语法糖，支持文本输入框、textarea、复选框、单选按钮、下拉框等表单元素。依赖Vue响应式系 …

Vue3事件处理性能优化：v-on方法引用复用函数避免重复创建；高频事件用Lodash防抖（等待后执行，如搜索）或节流（固定间隔，如滚动）优化；支持动态绑定与事件修饰符（.stop等），手动绑定需onUnmounted解绑；优先事件委托减少 …

Vue3跨组件通信方案：①全局事件总线用mitt实现“订阅-发布”，创建共享实例，发布用emit，订阅用on，销毁时off防内存泄漏；②provide/inject支持跨层级通信，祖先用provide提供数据/方法，后代用inject获 …

Vue3表单事件处理中，v-model实现输入框双向绑定，配合.lazy延迟更新、.number转为数字、.trim去除空格修饰符定制行为。表单提交用@submit.prevent阻止默认刷新，结合验证逻辑确保数据合法。单选框绑定单个值，复 …

DOM事件传播分捕获、目标、冒泡三阶段，Vue默认在冒泡阶段处理事件。利用冒泡机制实现事件委托优化性能，将监听器绑在父元素。事件修饰符（如.stop、.prevent等）可简化处理，支持叠加使用，文中还涉及常见修饰符组合场景及报错处理方法。