示例 01：命令式改 DOM 与声明式渲染

左边是「不用框架」的命令式写法：数据和界面是两份东西，每次改完数据都要手动再写一遍怎么改 DOM。右边是 Vue 的声明式写法：界面是数据的函数，只描述「应该长什么样」，数据一变界面自己跟上。

① 命令式：改数据 + 手动同步界面

计数：0

let count = 0
function render() {
  view.textContent = count   // ← 这行忘了写，界面就停在旧值
}

② 声明式：只改数据

计数：{{ count }}

点到 5 了，这句话是界面里 v-if 自己冒出来的

（继续点，到 5 时不用写任何操作 DOM 的代码）

<strong>{{ count }}</strong>
<p v-if="count >= 5">…</p>

同一份数据，两种更新界面的方式