typescript
oumae-kumiko
深圳求职中,欢迎内推&介绍岗位!
展开
-
【vue3】优雅的解决reactive()响应式对象初始化重新赋值问题v2
在上面该文章提到了reactive该api的不方便之处和相关重置数据方法的解析。下面提供的方法就是自己封装的`$reactive`方法,通过该方法返回响应式数据和重置数据的方法。聚焦vue3,但不限于vue,任何前端问题,究其本质,值得讨论,研究与学习。QQ交流群:522976012 ,欢迎来玩。原创 2023-03-05 16:04:51 · 4446 阅读 · 0 评论 -
【angular】按钮点击涟漪(波纹)特效 - 指令封装
import { NgModule, Directive, AfterViewInit, ElementRef, OnDestroy } from '@angular/core';import { CommonModule } from '@angular/common';@Directive({ selector: '[nk-ripple]', host: { 'class': 'nk-ripple nk-element' }})原创 2022-09-22 22:10:20 · 163 阅读 · 0 评论 -
【vue3: vuex4 状态管理库】使用&讲解
本文章目的:快速上手vue3 的 vuex ,并了解各个常用的功能:state、getters、mutations、actions、modules。不常用的和非必要的在此不进行讲述,需要更完善自己的请查看官网。【建议使用Pinia代替vuex > 移步我pinia文章】原创 2022-09-19 17:45:01 · 621 阅读 · 0 评论 -
【vue3】按钮点击涟漪(波纹)特效 - 指令封装
【代码】【vue3】按钮点击涟漪特效 - 指令封装。之前做的angualr项目封装的涟漪特效指令,现在改为vue3写法。(因为迁移过来的,只做了最小的改动供vue3使用)原创 2022-09-18 17:04:13 · 1143 阅读 · 0 评论 -
【vue3 setup composition Api 的 Ts 类型声明使用 & 讲解】
本文包含API的TS内容:ref、reactive、customRef、provide、inject、computed、watch、defineExpose、defineProps、defineEmits、withDefaults ....涵盖了主要的组合式 API 的 TS类型。核心:大部分都是运用API函数泛型来定义类型。原创 2022-04-04 17:58:27 · 3287 阅读 · 0 评论 -
【vue3 之 emits & $emit() 讲解 】监听子组件事件、emit事件验证、options写法、composition setup写法
emits 可以是数组或对象,从组件触发自定义事件,emits 可以是简单的数组,也可以是对象。1、数组形式和对象形式的值为null,表示该emit事件无验证函数。2、对象形式且值为函数表示该 emit 配置了事件验证 验证函数必须有return 真假值,真值表示通过验证,假值则 vue 会自动抛出 warn 警告!不 return 值默认当做失败,抛出 warn 警告! 验证函数主要就是验证参数是否正确,并不会在 return false 时中断emit() 事件!原创 2022-04-03 23:18:34 · 23576 阅读 · 1 评论 -
【vue3】优雅的解决reactive()响应式对象初始化重新赋值问题
此方案解决的痛点:const info = reactive() ,当info需要重新赋值时,需要Object.assign(),还需要考虑深层对象时深拷贝的问题。template 里必须绑定的是 ref() 数据源 !!重新初始化整个响应式对象时,用来数据操作的实际变量(例子里的info)也需要重新赋值!这是vue3没正式发布解决ref()的 `.value` 语法糖的相对方案。正式敲定且发布后应该就可废弃我这方案了。原创 2022-02-18 12:04:12 · 55376 阅读 · 5 评论 -
【vue3 <script setup> props 使用与讲解】defineProps、withDefaults | ts类型限制、默认值设置
本章主要涉及api内容:defineProps、withDefaults;defineProps 只能是要么使用`运行时声明`,要么使用`类型声明`。同时使用两种声明方式会导致编译报错。;defineProps、withDefaults 是只在 <script setup> 语法糖中才能使用的编译器宏。他不需要导入且会随着 <script setup> 处理过程一同被编译掉。withDefaults 只能与基于类型的defineProps声明一起使用;参数类型、默认值、是否必传、自定义验证。原创 2022-01-28 00:55:10 · 53384 阅读 · 15 评论 -
【vue3 新特性 expose 使用与讲解】options和composition api的defineExpose案例
expose类型:Array<string>vue3新特性,如果是options api类型的组件,不声明 expose 时,默认暴露当前组件实例的全部内容,声明了 expose 选项, expose 数组内标记的才会暴露。(expose:[]则什么都不暴露,注意这个问题。也可以利用这个特性提高组件使用的规范。)<script setup>setup语法糖的情况下,默认是封闭的,需要获取当前组件里的内容的话,必须显式expose出去TS类型:原创 2022-01-27 00:27:27 · 12779 阅读 · 0 评论