Vue
文章平均质量分 68
Vue的全家桶学习
是与或非
充电ing
展开
-
vue组件封装技巧
vue组件封装技巧$attrs$listenersinheritAttrs $attrs 用途:在对组件进行二次封装的时候会出现孙子组件的传值问题,如果都通过prop进行层层传递太过麻烦 定义:包含了父作用域中不被认为 (且不预期为) props 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 props 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind=”$attrs” 传入内部组件——在创建更高层次的组件时非常有用。 $list原创 2021-12-04 14:41:21 · 3581 阅读 · 0 评论 -
TS和vue3
TS和vue3学习TS基础基础变量vue3升级vue3的好处setupref、 reactive、toRefscomputed 和 watchproxy生命周期 TS基础 基础变量 语法:例:定义变为的属性为booler, string, number, number[], string[]等等 let isDone: boolean = false; let isDone: any[]= [1, ‘aaa’]; 数组的定义: 方法一: let list: number[] = [1, 2, 4]; 方法二原创 2021-12-04 14:40:52 · 3134 阅读 · 0 评论 -
TS和vue3.0学习笔记
TS和vue3.0TypeScript基础静态类型和对象静态类型函数参数和返回类型的注解数组类型注解元组(数组的加强版) TypeScript 安装ts: npm install typescript -g 执行: 1、需要先转成js文件:tsc demo01.ts生成一个js文件;然后再执行js文件:node demo01.js 2、安装npm install -g ts-node,可直接用 ts-node demo01.ts 进行编译 基础静态类型和对象静态类型 // 定义数据类型变量 let book原创 2021-03-17 09:25:24 · 2961 阅读 · 0 评论 -
使用vue实现防抖
场景:当需要用输入框的输入的值进行实时验证或搜索时 // debounce.js export const debounce = (() => { let timer = null return (callback, wait) => { clearTimeout(timer) timer = setTimeout(callback, wait) } })() // test.vue <template> <div class="原创 2021-03-16 22:10:58 · 5997 阅读 · 0 评论 -
前端开发随缘笔记
关于element和antd等ui插件的使用多个表单校验使用方法遇到的问题 多个表单校验 使用方法 表单少可以使用参数为flag = true或者false进行判断;或者嵌套调用验证 使用保存ref的列表进行循环校验 表单多则考虑promise的promise.all() table里面的form表单验证需要:ref="scope.row.code"寻找不唯一的变量(dataTable里面看看);然后循环验证 var form1 = new Promise((resolve, rejec原创 2020-09-22 15:42:29 · 1090 阅读 · 0 评论