MDRY

摘要： 什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 代码演示： 1.创建一个文件夹，自定义文件用来存放复用代码 2.复用代码写入js文件中 阅读全文

摘要： vue2.x的生命周期： Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition API 形式的生命周期钩子，与Vue2.x中 阅读全文

摘要： watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性 watchEffect有点像computed： 但computed注重的计算出来的值（回调函数的返回值），所以必须要写返回值。 而watch 阅读全文

摘要： 一.computed函数 与Vue2.x中computed配置功能一致 写法： 以上是两种写法： 第一种简写形式：如果在显示界面更改了fullname，会有警告：计算属性不能更改，因为简写的形式是只读的 第一种完整写法：可读可写 二.watch函数 与Vue2.x中watch配置功能一致 有6种情况 阅读全文

摘要： setup执行的时机 在beforeCreate之前执行一次，this是undefined。 setup的参数 props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。 context：上下文对象 attrs: 值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性, 阅读全文

摘要： 一.回顾vue2的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 存在问题： 新增属性、删除属性, 界面不会更新。 直接通过下标修改数组, 界 阅读全文