vue3从入门到入土

前言 在 上篇文章 vue3源码学习（二）简单的依赖收集和派发更新中实现了简单的vue发布订阅，但是存在一个问题。如果同步多次修改同一个响应式变量的值，则会触发多次该响应式变量订阅的事件，造成性能浪费

创建基础项目 移除 package.json 中的 "type": "module",或改成"type": "commonjs" 或 后续的 .eslintrc.js | .stylelintrc.j

一、 原理 vue的模板本质上是个render函数，在初始化的过程中收集render函数中的响应式对象，并在响应式对象属性值发生变化时，重新执行render函数 二、实现 依赖收集：立即执行一个函数，

一、分析 两个关键词，Proxy和Reflect 1. Proxy 使用Proxy代理一个对象时，会返回一个代理值。读取代理值的属性时会触发get函数，修改代理值的属性时会触发set函数。 例子如下：

这是一个基于vue3+ts+vite2.0+axios+vue-router+pinia的项目基础模板， 快速创建开发