m0_59070120的博客

/ 为保持和vue2版本中使用bus一致，emit,on,off前面都加了$// 收集订阅信息,调度中心。

每一个返回的对象都有自己判断的api，所以可以判断该对象是否存在和对应的api是否为true。

/ 应为数组里面可能有引用类型数据所以要便利。console.warn('只读的, 不能修改')console.warn('只读的, 不能删除')/* 测试自定义shallowReadonly *///就是在set那里设置不改变原来的数据，直接return。} else { // 对象也如此。/* 测试自定义readonly */自定义shallowReadonly。自定义readonly。

/在js中操作数据: xxx.value，所以要给这个基本数据类型包裹一个对象。//判断是不是对象是的话avlue里面就用reactive来进行代理。_value: target, // 用来保存数据的内部属性。_value: target, // 用来保存数据的内部属性。_is_ref: true, // 用来标识是ref对象。_is_ref: true, // 用来标识是ref对象。/* 测试自定义shallowRef *///对象value里面是他的值。/* 测试自定义ref */

reactive 接收一个普通对象然后返回该普通对象的响应式代理器对象，深响应式的话，判断传入的target是不是对象，对该对象中的所有数据进行reactive的递归处理，继续判断是对象还是数组，是数组的话，通过递归让其下标每一个属性都变成一个响应式代理器对象，对象的话也如此。shallowReactive只处理了对象内最外层属性的响应式(也就是浅响应式)，判断传入的target是不是对象，是的话就返回一个该普通对象的第一层响应式代理器对象（通过get，set）

都有各自判断的api。

（使用value更新数据，toref会会影响原对象，ref不会）实现跨层级组件(祖孙)间通信。

shallowReactive : 只处理了对象内最外层属性的响应式(也就是浅响应式)shallowRef: 只处理了value的响应式, 不进行对象的reactive处理。什么时候用浅响应式呢?

vue3里面也可以使用2.0的生命周期，3.0的生命周期比2.0的快。

watchEffect函数。

reactive内部: 通过使用Proxy来实现对对象内部所有数据的劫持, 并通过Reflect操作对象内部数据。ref的数据操作: 在js中要.value, 在模板中不需要(内部解析模板时会自动添加.value)ref内部: 通过给value属性添加getter/setter来实现对数据的劫持。如果用ref对象/数组, 内部会自动将对象/数组转换为reactive的代理对象。ref用来处理基本类型数据, reactive用来处理对象(递归深度响应式)

setup执行的时机（beforecreate之前执行，this为undefined）

作用: 定义一个数据的响应式语法: const xxx = ref(initValue):创建一个包含响应式数据的引用(reference)对象js中操作数据: xxx.value模板中操作数据: 不需要.value一般用来定义一个基本类型的响应式数据2，reactive（定义引用数据类型的响应式数据，返回普通对象的响应式代理对象）作用: 定义多个数据的响应式const proxy = reactive(obj): 接收一个普通对象然后返回该普通对象的响应式代理器对象。

文档: https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create。vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，文档: https://v3.cn.vuejs.org/guide/installation.html。它做到了***本地快速开发启动***, 在生产环境下基于 Rollup 打包。需要先升级vue-cli，保证其版本在4.5以上。