Vue3学习笔记

Vue3学习框架

• 简介

  • Vue.js是什么
  • Vue3的新特性
  • Vue2与Vue3的区别

• 安装与环境搭建

  • Node.js安装
  • Vue CLI安装
  • 创建Vue3项目

• 核心概念

  • 数据驱动
  • 响应式系统
  • 虚拟DOM

• 基本语法

  • 插值表达式
  • 指令
    • v-bind
    • v-on
    • v-if, v-else, v-else-if
    • v-for
    • v-model
    • v-show
    • v-text, v-html
    • v-cloak
    • 自定义指令
  • 过滤器
  • 计算属性和侦听器
    • computed
    • watch

• 组件

  • 组件定义与注册
  • 局部组件与全局组件
  • Props
  • 自定义事件
  • 插槽（slot）
  • 生命周期钩子函数
  • 组件通信
    • 父子组件通信
    • 兄弟组件通信
    • 跨级组件通信

• Composition API

  • ref
  • reactive
  • computed
  • watch
  • onMounted, onUpdated等生命周期函数
  • 自定义Composition Functions
  • provide & inject

• 路由

  • Vue Router简介
  • 安装与配置Vue Router
  • 嵌套路由
  • 导航守卫
  • 动态路由

• 状态管理

  • Vuex简介
  • 安装与配置Vuex
  • State, Mutations, Actions, Getters

• 插件与库

  • Vue3常用插件
    • Axios
    • Vuetify
    • Element Plus
  • 自定义插件编写

• 单元测试

  • Jest
  • Vue Test Utils

• 项目部署

  • 构建生产环境
  • 配置Nginx
  • 使用Docker部署
  • 持续集成与持续部署

• 最佳实践

  • 代码风格指南
  • 性能优化
  • 项目结构规划