跳到主要内容

🍁 Vue3基础知识

Vue 3 是 Vue.js 框架的最新主要版本,它是一个用于构建用户界面的渐进式 JavaScript 框架。与其前身相比,Vue 3 引入了许多新特性和改进,包括更快的性能、更小的包大小以及更好的 TypeScript 支持。这个版本也引入了组合式 API,这是一个重要的新概念。

基础知识

Vue 3 知识点概述

  1. 组合式 API (Composition API): 这是 Vue 3 中的一大亮点,提供了一种新的编写组件逻辑的方法,以取代原有的选项式 API。

  2. 响应式系统 (Reactivity System): Vue 3 使用 Proxy 对象重写了其响应式系统,使得状态管理更高效。

  3. 组件和模板语法: 理解如何创建和使用 Vue 组件,以及模板语法的各种指令,如 v-bindv-modelv-for

  4. 生命周期钩子 (Lifecycle Hooks): 理解组件的生命周期,以及如何在不同阶段执行代码。

应掌握的内容

  • Vue 实例和组件的创建和使用
  • 模板语法和数据绑定
  • 计算属性和侦听器
  • 事件处理
  • 表单输入绑定
  • 组件生命周期
  • 条件渲染和列表渲染
  • 组件间的通信
  • 组合式 API 的基本使用