Vue简介
Vue.js 是一套渐进式 JavaScript 框架，核心设计目标是易用、灵活、高效。
Vue 的核心特点
渐进式架构
Vue 采用自底向上增量开发设计：
- 核心库只关注视图层
- 可逐步引入路由、状态管理等生态库
- 既能做简单页面增强，也能支撑复杂单页应用
响应式数据绑定
JavaScript
const app = Vue.createApp({
data() {
return {
message: 'Hello Vue'
}
}
})
数据变化自动驱动视图更新，无需手动操作 DOM。
组件化开发
JavaScript
const MyComponent = {
template: '<div>组件内容</div>',
props: ['title']
}
组件是 Vue 的核心抽象，每个组件封装自身的模板、逻辑和样式。
适用场景
| 场景 | 说明 |
|---|---|
| 单页应用 | 配合 Vue Router 和 Pinia/Vuex |
| 页面增强 | 直接引入 Vue 处理局部交互 |
| 快速原型 | 简洁的 API 设计，上手快 |
Vue 3 采用 Composition API 作为主要编程范式，同时保留 Options API 兼容性。
要点总结
- Vue 是渐进式框架，按需使用功能
- 核心特性：响应式数据、组件化、模板语法
- Vue 3 以 Composition API 为主，支持更好的类型推导
