什么是 Vue
Vue（读音 /vjuː/，同 view）是一套用于构建用户界面的渐进式 JavaScript 框架。它的核心只关心视图层：通过声明式的模板语法把数据与 DOM 绑定，数据变了视图自动更新，开发者不再手动操作 DOM。
与 jQuery 时代的「事件触发 → 取节点 → 改内容」不同，Vue 的范式是「数据即视图」：维护一份状态数据，Vue 负责把它渲染进页面并保持同步。你已经熟悉 HTML/CSS/JS，Vue 只是在这之上加了一层薄薄的响应式机制。
- 声明式渲染：写「数据长什么样」，不写「怎么改 DOM」
- 组件化：页面拆成可复用的组件，像搭积木一样组装
- 渐进式：核心库只做视图，路由/状态/构建工具按需引入
HTML
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Vue 第一个例子</title> <!-- 引入 Vue 3 全局构建版，打开 HTML 即可运行 --> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <!-- 挂载点：{{ }} 会用数据填充 --> <div id="app"> <h1>{{ message }}</h1> <button @click="count++">点击 {{ count }} 次</button> </div> <script> const { createApp } = Vue; createApp({ data() { return { message: '你好，Vue！', count: 0 }; } }).mount('#app'); </script> </body> </html>
本节要点Vue 的核心思想：数据驱动视图——改数据，DOM 自动更新；写模板，不写 DOM 操作。
