1. 声明式渲染：使用模板语法（{{ }}、v-bind）声明式地将数据绑定到 DOM。

  2. 响应式数据：通过 data 函数返回对象，数据变化时视图自动更新。使用 ref、reactive（Composition API）创建响应式状态。

  3. 指令：特殊属性（如 v-if、v-for、v-model、v-on、v-bind）用于操作 DOM 结构和行为。

  4. 组件系统：可复用的独立模块，通过 props 接收父组件数据，通过 emits 触发事件。

  5. 生命周期钩子：组件从创建到销毁的阶段函数，如 mounted、updated、unmounted。

  6. 计算属性：computed，基于响应式数据派生新值，自动缓存。

  7. 侦听器：watch，监听数据变化并执行副作用操作。

  8. 模板语法：插值、指令、事件绑定（@click）、属性绑定（:src）。

  9. 组件通信：

  10. 父子：props 向下，emits 向上

  11. 跨层级：provide/inject

  12. 全局状态管理：Pinia / Vuex

  13. 组合式 API (Composition API)：使用 setup 函数或 <script setup> 语法，按逻辑组织代码（ref、reactive、computed、watch、生命周期函数等）。

  14. 插槽 (Slots)：父组件向子组件传递模板内容，包括具名插槽和作用域插槽。

  15. 路由 (Vue Router)：单页应用的路由管理，实现页面切换、嵌套路由、导航守卫。

  16. 状态管理 (Pinia/Vuex)：集中管理跨组件的共享状态。

  17. 虚拟 DOM：Vue 使用虚拟 DOM 树高效计算差异并更新真实 DOM。

  18. 自定义指令：封装底层 DOM 操作（Vue.directive 或 app.directive）。

  19. 混入 (Mixin)（选项式 API）：复用组件逻辑，但组合式 API 更推荐替代。

  20. 异步组件：defineAsyncComponent 实现代码分割和懒加载。

  21. 传送 (Teleport)：将组件内容渲染到 DOM 其他位置（如 modals）。

  22. Suspense：处理异步组件依赖的等待状态。

  23. 过渡效果：<Transition> 和 <TransitionGroup> 为元素添加进入/离开动画。