摘要: 一、常用 Composition API 1、拉开序幕的 setup 1. 理解: Vue3.0 中一个新的配置项,值为一个函数。 2. setup 是所有 Composition API (组合 API)“表演的舞台”。 3. 组件中所用到的:数据、方法等,均要配置在 setup 中。 4. se 阅读全文
posted @ 2023-11-06 14:45 我就尝一口 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 一、自定义hook函数 1、什么是hook? 本质是一个函数,把 setup 函数中使用的 Composition API 进行了封装 2、类似于 vue2.x 中的mixin 3、自定义 hook 的优势:复用代码,让 setup 中的逻辑更清楚易懂。 二、toRef 1、作用:创建一个 ref 阅读全文
posted @ 2023-11-06 12:40 我就尝一口 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 1、setup() : 开始创建组件之前,在 beforeCreate 和 created 之前执行,创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数; 3、onMounted() : 组件挂载完成后执行的函数; 4、onBeforeUpd 阅读全文
posted @ 2023-11-06 12:35 我就尝一口 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 1、computed 函数 与 Vue2.x 中 computed 配置功能一致 写法: import { computed } from 'vue setup() { // 计算属性简写 let fullName = computed(() => { return person.firstName 阅读全文
posted @ 2023-11-06 00:24 我就尝一口 阅读(11) 评论(0) 推荐(0) 编辑