petite-vue源码剖析-为什么要读源码？

《Petite-Vue源码剖析》结合示例从在线渲染、响应式系统和沙箱模型分别对源码逐行解读，其中还对响应式系统中利用JS引擎的SMI优化依赖清理算法作详细分析。绝对是入门Vue3源码前绝佳的踏脚石喜欢的话记得转发、赞赏哦！

什么是petite-vue？

根据官方解释，petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。 与完整的Vue相比最大的特点是，面对数据的变化petite-vue采取直接操作DOM的方式重新渲染。

具体的使用方式请参考GitHub，在这里我想展示两个示例:

示例1 - 在线渲染

<style>
  [v-cloak] {
     
    display: none;
  }
</style>
<div v-scope="App"></div>

<script type="module">
  import {
      createApp } from 'https://unpkg.com/petite-vue?module'

  createApp({
     
    App: {
     
      $template: `
      <span v-cloak v-if="status === 'offline'"> OFFLINE </span>
      <span v-else> ONLINE &l