petite-vue没有提供明确的组件构建方法，但是我们仍然可以使用v-scope属性以组件的方式构建我们的页面。但是，上面的例子存在明显的问题，采用了全局的组件注册机制。例如，即使Message组件没有，如果需要，Counter组件仍然可以被引用。如果未注册Counter组件的构造函数，则会意外修改Counter的状态。createApp({Counter:Counter()})阅读源码的好处通过阅读源码了解解析、调度和渲染过程，为渲染过程编码可以预防和解决示例1的问题；虽然petite-vue是针对历史上非前后端分离的项目进行了优化，但距离真正与LayUI、MiniUI等DOM操作框架配合，还有很长的路要走。这就需要我们熟悉petite-vue的内部机制，并结合项目已有的技术栈；petite-vue的源代码确实很小。@vue/reactivity源码可食用，非常适合Vue源码入门。未完待续，我们将以应用示例为切入点，逐行阅读理解petite-vue和@vue/reactivity，实现自己的petite-vue和响应式系统，敬请期待:)《Petite-Vue源码剖析》小册子《Petite-Vue源码剖析》结合实例从在线渲染、响应式系统、沙盒模型逐行解读源码，同时对响应式系统中使用JS引擎的SMI优化依赖清理算法进行了详细分析。绝对是Vue3源码入门前的绝佳敲门砖。喜欢的话记得转发和欣赏哦！