渲染函数返回 vnode 树，然后通过 diff 算法和 patch 把真实 DOM 同步过去。

E.g.

const vnode = {
  type: 'div',
  props: { class: 'box' },
  children: ,
  el: null
}

这个过程里Zui关键的就是 diff——比对新旧 vnode 的差异，只改动必要的节点。

Differential 有几种策略：

LCS——找出保持顺序的不变节点；

双端比较——从两头同时往中间扫；

- 不对，我刚才说错了是“双端比较 + LCS”。

用一次就行，不用每次dou渲染 static 内容，省点性Neng啊！

v-if vs v-show：

适合偶尔出现/消失的块；

频繁切换geng快，因为只是 toggle CSS 的 display；

问： 我写了篇关于 Vue 响应式的博客，可是百度搜索根本找不到它，是不是内容太技术化了？

A： 你得检查一下页面是否有 robots.txt 或 meta 之类的标签阻止爬虫。要确保你的标题、描述里包含关键词“Vue.js 内核机制”。再者，百度geng偏爱中文自然语言，Ru果文章里全是代码块而缺少解释文字，也会影响收录。Zui后多在其他站点Zuo外链，引导百度爬虫来抓取。说实话，这几个点Zuo好，大概率就Neng被收录啦！哈哈~

SFC 包含三大块：