渐进式框架
「渐进式」指 Vue 的能力是一层一层加上去的：最轻量时只用一个 script 标签做声明式渲染；需要组件化时引入组件系统；需要路由时加 Vue Router；需要全局状态时加 Pinia；需要工程化时用 create-vue 搭建完整项目。
对比来看：有的框架（如 Angular）一开始就给你全家桶——路由、表单、HTTP 客户端全包；Vue 只给你一块「地基」，缺什么加什么，学习曲线由你掌控。
- 只用一个 <script> 也能写出响应式页面，零构建
- 单向数据流 + 组件树，从小 demo 到大型项目都适用
- 生态按需引入：Vue Router（路由）、Pinia（状态）、Vite（构建）
HTML
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>渐进式：无构建直接用组件</title> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <!-- 组件无需打包工具，直接在页面里定义 --> <counter></counter> </div> <script> const { createApp } = Vue; // 定义一个可复用组件 const app = createApp({}); app.component('counter', { data() { return { n: 0 }; }, template: '<button @click="n++">计数：{{ n }}</button>' }); app.mount('#app'); </script> </body> </html>
本节要点渐进式 = 地基 + 按需加层：可以从一个 script 标签开始，逐步走到完整工程化项目。
