vue/core

• v-for : runtime-core->src->renderer.ts
• ref： reactivity->src->ref.ts
• reactive： reactivity->src->reactive.ts
• toRef、toRefs、toRaw： reactivity->src->ref.ts
• watch:runtime-core->src->apiWatch.ts
• 生命周期：runtime-core->src->apiLifecycle.ts

BEM架构

BEM (Block, Element, Modifier)架构是一种前端开发中的CSS 命名规范。其核心思想是将网页布局和样式设计划分为独立的块（Blocks）、元素（Elements）和修饰符(Modifiers)

• Block（块）：Block 是一个独立的、可复用的组件或模块，它代表一个完整的功能单元。块是一个顶层的元素，它本身应该有意义并且可以独立存在。
• Element（元素）：Element 是块的组成部分，它不能单独存在，必须依赖于块。Element 是块的一部分，它只有在块的上下文中才有意义。
• Modifier（修饰符）：Modifier 是用于改变块或元素外观、状态或行为的标志。通过添加修饰符类名，可以修改块或元素的样式，从而实现不同的变体。