随笔分类 - vue3
摘要：1 父向子 props (defibeProps) , 子向父自定义事件（defineEmits） 2 时间总线（mitt插件） 3 v-model (可以绑定多个v-model) a 给子组件传递props[modelValue] b 给子组件传递自定义事件 @update：modelValue
阅读全文
摘要：mixin 1.逻辑函数的复用 2 vue 组件中的选项式API（例如：data，computed，watch）或者组件的生命周期钩子（created、mounted、destroyed） 使用方法 mixins: [mixins], // 注册mixin，这样mixin中所有的钩子函数等同于组件中
阅读全文
摘要：1.定于数据角度对比：ref 用来定义：基本类型数据 reactive 用来定义：对象、或数组类型的数据 备注：ref也可以用来定义对象或数组类型数据，它内部会自动通过 reactive 转为代理对象 2.原理角度对比：ref 通过 Object.defineProperty() 的 get 与 s
阅读全文
摘要：一、Vue3中的生命周期 1、setup() : 开始创建组件，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、
阅读全文
摘要：1.ref 函数，可以把简单数据类型包裹为响应式数据（复杂类型也可以），注意 JS 中操作值的时候，需要加 .value 属性，模板中正常使用即可 2. toRef 函数的作用：转换响应式对象中某个属性为单独响应式数据，并且转换后的值和之前是关联的（ref 函数也可以转换，但值非关联） 3.toRe
阅读全文
摘要：使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。 .setup语法糖中新增的api defineProps：子组件接收父组件中传来的props defineEmits：子组件调用父组件中的方法 defineExp
阅读全文
摘要：1. 数据的响应式不同 答： vue2 是通过object.defineProperty()方法，get是获取属性，set是修改属性。但是新加的属性和删除的属性则没有响应式,还有就是通过数组的下标来修改值，也不会响应式。所以需要通过set 来新增， delete来删除属性。 vue3 是通过 new
阅读全文
