随笔分类 - vue3.X入门study
摘要：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
阅读全文
摘要：defineComponent 本身的功能很简单，但是最主要的功能是为了 ts 下的类型推导。 ts 文件中直接写 export default {} 对于编辑器而言，{} 只是一个 Object 的类型。无法有针对性的提示vue 组件 {} 里应该有哪些属性。 增加一层 defineCompone
阅读全文
摘要：使用setup()新语法，可以不需像之前vue2语法需要写data了。 <template> <div class="home"> <div>语言名称: {{classname}}</div> </div> </template> <script> import { ref } from 'vue'
阅读全文
浙公网安备 33010602011771号