命令式与声明式
这是理解框架思想的钥匙。原生 JS 是命令式：一步步指挥浏览器「怎么做」——先拿到元素、再清空、再创建、再插入，每一步都要亲手执行。框架是声明式：只描述「结果要长什么样」（HTML 里写好 {{ count }}），中间过程由框架代劳。
打个比方：命令式像给新员工发逐条指令（先去三楼、拿红文件、送到五楼办公室），声明式像说「我要这份红文件放在五楼」——怎么取怎么送是框架的事。
声明式的好处：代码量少、意图清晰、不容易出现「改了数据忘了改页面」的 bug；代价是需要理解框架的运行机制。下面的可运行示例演示了命令式的完整步骤，注释里给出了对应声明式的写法，对比着体会。
本节要点命令式：描述「怎么做」，一步步操作 DOM；声明式：描述「要什么」，更新过程交给框架；现代框架都是声明式。
HTML
<div id="app">旧内容</div> <script> // 命令式：一步步告诉浏览器"怎么做" const app = document.getElementById('app'); app.innerHTML = ''; // 第一步：清空容器 const p = document.createElement('p'); // 第二步：创建元素 p.textContent = '命令式：我手动创建了这段文字'; p.style.color = 'green'; // 第三步：设置样式 app.append(p); // 第四步：插入页面 // 声明式（框架的做法）：只描述"结果长什么样" // <p style="color: green">声明式：我只写结果</p> // 创建、插入、更新 DOM 的过程全部由框架处理， // 开发者永远只关心"数据"和"模板"。 </script>
