框架解决了什么
框架（Vue、React 等）给出的答案概括成一句话：你只管描述「界面长什么样由数据决定」，数据一变，框架自动更新页面。这套机制叫声明式渲染或响应式更新，把「同步 DOM」这件苦差事完全接管了。
对照上一节同样的计数器，用 Vue 只需要声明 count 是响应式数据，模板里写 {{ count }}——点击时改 count，页面数字自己变，没有 render、没有 getElementById。功能越复杂，这种「数据驱动视图」省下的功夫越多。
除此之外，框架还顺带解决了一串工程问题：组件化（页面拆成可复用的积木块）、路由（单页应用的页面切换）、状态管理（跨组件共享数据）、生态（UI 库、请求库、脚手架）。学框架，本质上是学这套「数据驱动的开发范式」。
本节要点框架的核心承诺：数据驱动视图，改数据自动更新页面；并附带组件化、路由、状态管理等工程能力。
代码
// 同样的计数器，用 Vue 3 写（需要构建工具，此处展示）
// <div id="app">
// <button @click="count--">-</button>
// <span>{{ count }}</span>
// <button @click="count++">+</button>
// </div>
const { createApp, ref } = Vue;
createApp({
setup() {
const count = ref(0); // count 是响应式数据
return { count }; // 模板直接使用，无需手动更新 DOM
},
}).mount('#app');
// 对比原生写法：没有 render 函数、没有 getElementById，
// 改了 count，页面上的 {{ count }} 自动跟着变。
// 这就是"数据驱动视图"。
