HuaHua的世界

带你走近Vue的设计思想MVVM（Model-View-ViewModel），对比Vue2和Vue3重构后的底层逻辑。

defineModel 是 Vue 3.4 引入的一个组合式语法糖，用于代替 props 和 emit 的手动处理。

Vue 的模板编译是 Vue 框架中的一个核心机制，它把我们写的模板（如 <template> 中的 HTML 结构）转换成高效的 JavaScript 渲染函数，最终生成真实的DOM或虚拟DOM。

在 Vue 中，使用 scoped 关键字为 <style> 标签加作用域，可以让样式仅作用于当前组件，避免样式污染。

权限管理是 B 端系统中非常常见、但又容易出坑的模块。 权限控制通常包括三类：路由权限、组件权限、按钮权限。

Vue 中的 异步组件 是一个非常实用的特性，能实现按需加载（懒加载） 、优化首屏加载性能、提升用户体验等目标。从概念、使用方式、底层原理和应用场景几个维度，带你全面理解。

markRaw() 是 Vue 3 提供的一个 响应性系统工具函数，它的作用是： 标记一个对象为 “不可被 Vue 响应式系统追踪” 的原始对象。

Pinia 是 Vue 官方推荐的 新一代状态管理库，作为 Vuex 的“接班人”，它在使用体验、类型支持、性能等方面做了大量优化。

watch 和 watchEffect 是 Vue 3 Composition API 中的两个响应式侦听函数，它们的核心区别在于侦听方式、响应时机、依赖收集机制以及性能开销等方面。