Vue.js

Vue.js 简介

Vue (发音为 /vjuː/，类似 view) 是一个用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript，提供声明式、基于组件的编程模型，帮助高效开发任意复杂度的用户界面。

核心特性

• 声明式渲染：Vue 通过模板语法扩展标准 HTML，基于 JavaScript 状态声明式地描述 HTML 输出。
• 响应性：Vue 自动追踪 JavaScript 状态变化，并在变化时高效更新 DOM。

渐进式框架

Vue 被设计为灵活且可增量采用。根据用例，可以用于增强静态 HTML、嵌入为 Web 组件、构建单页应用、全栈/服务端渲染、静态站点生成，甚至桌面、移动、WebGL 和终端应用。

单文件组件 (SFC)

在大多数构建工具支持的 Vue 项目中，使用 *.vue 文件编写组件，将逻辑 (JavaScript)、模板 (HTML) 和样式 (CSS) 封装在一个文件中。

API 风格

Vue 组件可使用两种 API 风格：

• 选项式 API：使用包含 data、methods、mounted 等选项的对象定义组件逻辑，适合初学者和低复杂度场景。
• 组合式 API：使用导入的 API 函数定义组件逻辑，通常在 <script setup> 中使用，提供更灵活的逻辑复用和组织方式。

两种风格基于同一底层系统，核心概念相通。官方文档提供两种风格的代码示例，可通过页面左侧的 API 偏好开关切换。

学习路径

新手可以从教程或指南开始，也可查看示例了解核心功能和常见 UI 任务。