曹定栓的博客

Vue 3 组件双向绑定与响应式数据摘要 Vue 3 对 v-model 进行了标准化改进，支持更灵活的双向绑定方式。在组件上使用时，默认展开为 modelValue prop 和 update:modelValue 事件，并支持自定义参数实现多绑定（如 v-model:title）。相比 Vue 2.x 需要 model 选项或 .sync 修饰符，3.x 版本语法更统一。组件内部可通过 defineProps 接收值，用 defineEmits 触发更新，或使用计算属性封装。响应式数据方面，ref 处理

本文介绍了Vue3项目创建和基本结构，重点对比了Vue2选项式API和Vue3组合式API的差异。Vue3使用Vite作为构建工具，相比Webpack具有更快的启动和热更新速度。文章通过一个显示div和切换背景色的示例，展示了组合式API将相关逻辑集中管理的优势，并介绍了如何通过模块化拆分setup函数来提高可维护性。最后指出选项式API适合简单场景，而组合式API更适合复杂逻辑复用和TypeScript项目。

谈到vue3的双向绑定原理，就得先知道，为什么vue2的双向绑定方式会被废弃？

Vue.js的双向绑定原理是其最重要的特性之一，它使得数据模型和DOM之间的同步变得非常简单和高效。

vue keep alive详解

Vue创建组件详解

vue组件销毁重置详解

vue组件间通讯详解

vue-property-decorator用法详解

Vue hook讲解

vue子组件监听父组件传值

Vue检测数据变化

Vue.js中$nextTick()简述

Vue中修改引入的子组件样式

`EventBus` 又称为`事件总线`。在Vue中可以使用 `EventBus` 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所有组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的Vuex作为状态管理中心，将通知的概念上升到共享状态层次。

Vue项目定义全局方法与全局组件

Vue组件data选项为什么必须是个函数而Vue的根实例则没有此限制？

vue v-if和v-for同时使用时的分析

创建Vue项目所需操作