cheems1

第一个例子 虚拟DOM的两种创建方式 使用jsx创建虚拟DOM 使用js创建虚拟DOM 关于虚拟DOM 本质是Object类型的对象（一般对象） 虚拟DOM比较“轻”，真实DOM比较“重”，因为虚拟D

概念 DOM diff 就是对比两棵虚拟 DOM 树的算法。 当组件变化时，会得到一个新的虚拟 DOM，diff 算法对比新旧虚拟 DOM 之后，得到一个 patch，然后 React 用 patch

概念 React 用 JS 对象来模拟 DOM 节点，然后将其渲染成真实的 DOM 节点。 用 JSX 语法写出来的 div 其实就是一个虚拟节点： 上述代码会得到这样一个对象： 如果节点发生变化，并

MVVM M：模型(Model) ：data中的数据 V：视图(View) ：模板代码 VM：视图模型(ViewModel)：Vue实例 data中所有的属性，最后都出现在了vm身上。 vm身上所有的

生命周期钩子 beforeCreated: 实例初始化之后，this 指向创建的实例。不能使用 data 和 methods 上的数据和方法。 created: 实例创建完成，可以访问 data 和

父 => 子： props 子 => 父： 1.父组件通过props传递一个函数给子组件，让其调用。 2.自定义事件，父组件监听，子组件触发。 任意组件之间： 全局事件总线$bus。 其它 vuex

三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef

分析工程结构 二、常用 Composition API setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有 Composition API（组合API）“ 表演的舞台 ”

Vuex 作用：管理多个组件或者全局共享的状态。 将复杂的、需要共享的逻辑处理放入actions中共享。 ( 为什么在store中执行Vue.use(Vuex)，而不是在main.js中？ 执行顺序问