Skip to content

第二章|组件模型与通信 ​

从组件注册建立实例的概念,用 props 与事件说明输入和修改请求,再区分属性透传、插槽、组件模型、依赖注入与实例暴露。最后观察动态、异步和递归组件如何沿用这些边界。

阅读前需要什么 ​

先完成第一章的模板、事件、原生表单 v-model 和单文件组件。这里会用到父子组件的文件导入与渲染;完整多文件示例按标注放进第一章建立的 src 目录。

这一章怎样连起来 ​

组件定义可以创建多个独立实例。props 传入值,emits 通知直接父组件,插槽传递内容的渲染方式;未声明属性如何落到内部 DOM,需要单独追踪。组件 v-model 把输入与更新事件组合为约定,依赖注入和实例暴露则分别用于跨层上下文和命令式能力。

阅读顺序 ​

  1. 组件注册与解析
  2. Props 输入契约
  3. Emits 输出事件
  4. 属性透传
  5. 事件监听器与属性继承
  6. 插槽协议
  7. 组件 v-model
  8. provide / inject 依赖注入
  9. 组件实例暴露
  10. 动态组件、缓存与异步组件
  11. 递归组件

读完后能做什么 ​

给一个输入组件写出输入值、更新事件、插槽参数与 DOM 属性的去向。再把它从单根改成多根,观察哪些行为需要显式声明。另用递归组件或动态切换实验说明:定义相同不代表实例状态相同。

先独立完成各篇练习,再对照本章答案。接着进入第三章|响应式系统。

用心记录每一步成长