口木秋子

摘要： RangeError: Maximum call stack size exceeded 含义：超出了最大的堆栈大小 在使用递归时消耗大量堆栈，导致浏览器抛出错误，因为浏览器给分配的内存不是无限的。 ReferenceError: "x" is not defined 含义：“x”未定义 当你引用一 阅读全文

摘要： Vue2 响应式是通过 Object.defineProperty() 劫持各个属性 getter 和 setter，在数据变化时发布消息给订阅者，触发相应的监听回调。 存在几个问题： 初始化时需要遍历对象所有 key，如果对象层次较深，性能不好 通知更新过程需要维护大量 dep 实例和 watch 阅读全文

摘要： 新增了三个组件： Fragment 支持多个根节点； Suspense 可以在组件渲染之前的等待时间显示指定内容； Teleport 可以让子组件能够在视觉上跳出父组件(如父组件overflow:hidden) 新增指令 v-memo，可以缓存 html 模板，比如 v-for 列表不会变化的就缓存 阅读全文

摘要： <template> <div> <div>{{ girl }}</div> <div>{{ boy }}</div> <button @click="changeSex">changeSex</button> </div> </template> <script > import { reacti 阅读全文

摘要： setup() :开始创建组件之前，在beforeCreate和created之前执行。创建的是data和method onBeforeMount() : 组件挂载到节点上之前执行的函数。 onMounted() : 组件挂载完成后执行的函数。 onBeforeUpdate(): 组件更新之前执行的 阅读全文

摘要： <template> <div> <div>{{ classname }}</div> <button @click="changeClassname">change语言名称</button> </div> </template> <script > import { reactive, toRef 阅读全文

摘要： reactive()是一个函数(方法)，里边接受的参数是一个 Object 。 Object 中的属性可以是变量和方法，changeJobname时候也不用加value。return返回不用一个个返回，只需要返回一个data,就可以了。 <template> <div> <div>职业名称: {{d 阅读全文

摘要： 使用setup()新语法，可以不需像之前vue2语法需要写data了。 <template> <div class="home"> <div>语言名称: {{classname}}</div> </div> </template> <script> import { ref } from 'vue' 阅读全文

摘要： defineComponent 本身的功能很简单，但是最主要的功能是为了 ts 下的类型推导。 ts 文件中直接写 export default {} 对于编辑器而言，{} 只是一个 Object 的类型。无法有针对性的提示vue 组件 {} 里应该有哪些属性。 增加一层 defineCompone 阅读全文

摘要： 转换五步： 创建一个同名的 class (es6)，并且继承于 React.Component； 添加一个空的 render() 方法； 将函数体移动到 render() 方法中； 在 render() 方法中使用 this.props 替换props； 删除剩余的空函数声明； 添加三步： 把 re 阅读全文