Vue简介

Vue.js 是一套渐进式 JavaScript 框架，核心设计目标是易用、灵活、高效。

Vue 的核心特点

渐进式架构

Vue 采用自底向上增量开发设计：

• 核心库只关注视图层
• 可逐步引入路由、状态管理等生态库
• 既能做简单页面增强，也能支撑复杂单页应用

响应式数据绑定

const app = Vue.createApp({
  data() {
    return {
      message: 'Hello Vue'
    }
  }
})

数据变化自动驱动视图更新，无需手动操作 DOM。

组件化开发

const MyComponent = {
  template: '<div>组件内容</div>',
  props: ['title']
}

组件是 Vue 的核心抽象，每个组件封装自身的模板、逻辑和样式。

适用场景

Vue 3 采用 Composition API 作为主要编程范式，同时保留 Options API 兼容性。

要点总结

• Vue 是渐进式框架，按需使用功能
• 核心特性：响应式数据、组件化、模板语法
• Vue 3 以 Composition API 为主，支持更好的类型推导