Vue 3.0 diff 算法

Question

与 vue2.x 全量比较 不同的是，vue3.0 在创建虚拟 DOM 的时候，会根据 DOM 中的内容，会发生变化的，添加静态标记。

<!-- 编译前 -->
<div>
    <p>哈哈</p>
    <p>哈哈</p>
    <p>{{msg}}</p>
</div>

// 编译后
export function render(_ctx, _cache, $props, $setup, $data, $options){
    return (_openBlock(), _createBlock("div", null, [
        _createBlock("p", null, "哈哈"),
        _createBlock("p", null, "哈哈"),
        _createBlock("p", null, _toDisplayString(_ctx.msg) + "}", 1 /* TEXT */)
    ]))
}