vue3 系统的梳理

目录

  • 前言
  • [一、创建一个 Vue 项目](#一、创建一个 Vue 项目)
  • [二、Vue 的语法](#二、Vue 的语法)
  • [三、Vue 组件](#三、Vue 组件)
  • [四、Vue 的部分 API](#四、Vue 的部分 API)

前言

本文主要是对 Vue3 进行研究的,部分会涉及到 Vue2 但不深究。

想深究 Vue2 的请移步此文:vue 学习

一、创建一个 Vue 项目

如何创建运行一个 Vue 项目
Vue 实例详解

二、Vue 的语法

Vue 的「内置指令」与「自定义指令」
Vue 渲染体系"三件套"(template 模板语法、h 函数和 JSX 语法)
Vue 插槽(包含"动态插槽"和"JSX 语法")
Vue 动态样式 class 和 style

三、Vue 组件

Vue 的生命周期
Vue3 的组件通信
Vue3 组件的更新过程(编译系统 + 响应式系统 + 虚拟 DOM & Diff)
Vue3 的组件运行机制
Vue3 渲染调度机制(异步更新)

四、Vue 的部分 API

vue 的计算属性(computed)和侦听器(watch)
setup 函数、defineComponent 函数 和 script 标签上的 setup

相关推荐
lemon_yyds1 天前
《vue 2 升级vue3 父组件 子组件 传值: value 和 v-model
vue.js
simple_lau1 天前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生1 天前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
wuhen_n1 天前
Pinia状态管理原理:从响应式核心到源码实现
前端·javascript·vue.js
wuhen_n1 天前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
wuhen_n1 天前
Vue Router与响应式系统的集成
前端·javascript·vue.js
Ruihong1 天前
《VuReact:下一代 Vue 3 -> React 智能编译工具,支持 SFC 与增量迁移》
vue.js
lemon_yyds1 天前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
前端Hardy1 天前
告别 !important:现代 CSS 层叠控制指南,90% 的样式冲突其实不用它也能解
前端·vue.js·面试
前端Hardy1 天前
Vue 3 性能优化的 5 个隐藏技巧,第 4 个连老手都未必知道
前端·vue.js·面试