2022年02月_Jay丶萧邦

原创 17.0 vue3 Suspense的用法

上一篇：16.0 vue3 Teleport---自定义dialog组件_十一月的萧邦-CSDN博客上一篇：15.0 vue3 provide&inject跨组件通信方式_十一月的萧邦-CSDN博客上一篇：14.0 vue3 customRef的使用_十一月的萧邦-CSDN博客上一篇：vue3 toRaw&markRawhttps://blog.csdn.net/qq_42543244/article/details/122793302本篇记录vue3的customRef，customR

2022-02-22 20:58:27 554

原创 Element UI: u-input控制只能输入整数

在平常的工作中，写表单是不可或缺的一项，关于一些值，我们只想填入整数，比如年龄，但是当我们设置type为number的时候，发现可以输入小数，这就有问题了，那么本篇就是用来记录如何设置输入整数，话不多说，直接上代码，提供了三种方法，应该够用吧?<template> <div class="home"> <el-form :model="ruleForm" :rules="rules"> <!-- 1. 使用v-model.number

2022-02-17 10:55:27 5359

原创 16.0 vue3 Teleport---自定义dialog组件

上一篇：15.0 vue3 provide&inject跨组件通信方式_十一月的萧邦-CSDN博客上一篇：14.0 vue3 customRef的使用_十一月的萧邦-CSDN博客上一篇：vue3 toRaw&markRawhttps://blog.csdn.net/qq_42543244/article/details/122793302本篇记录vue3的customRef，customRef是vue3的一大亮点，custom的意思大家都懂，自定义的意思，一旦出现自定义，那么就代表我们可

2022-02-16 17:35:37 1409

原创 15.0 vue3 provide&inject跨组件通信方式

上一篇：14.0 vue3 customRef的使用_十一月的萧邦-CSDN博客上一篇：vue3 toRaw&markRawhttps://blog.csdn.net/qq_42543244/article/details/122793302本篇记录vue3的customRef，customRef是vue3的一大亮点，custom的意思大家都懂，自定义的意思，一旦出现自定义，那么就代表我们可以做很多基于自己的需求的操作，vue3的官方文档的关于这块的示例其实已经蛮不错了，看代码需求是这样，我们需

2022-02-10 21:56:25 465

原创 14.0 vue3 customRef的使用

上一篇：vue3 toRaw&markRawhttps://blog.csdn.net/qq_42543244/article/details/122793302本篇记录vue3的customRef，customRef是vue3的一大亮点，custom的意思大家都懂，自定义的意思，一旦出现自定义，那么就代表我们可以做很多基于自己的需求的操作，vue3的官方文档的关于这块的示例其实已经蛮不错了，看代码需求是这样，我们需要做一个模糊搜索输入框防抖的效果，在输入框内输入内容，一秒内不再输入就去发

2022-02-07 21:44:02 797

原创 13.0 vue3 toRaw&markRaw

上一篇：vue3 readonly&shallowReadonlyhttps://blog.csdn.net/qq_42543244/article/details/122772194本片继续记录vue3的新特性 toRaw & markRaw简单来说，toRaw：返回reactive或readonly代理的原始对象，当我们去改变原始对象，页面是不是刷新的，因为数据不是proxy响应式代理的。markRaw：去标记一个对象，让它永远不会转换为proxy；示例：&...

2022-02-05 21:09:46 794

原创 3.0 TypeScript补充（& ，type）

上一篇：TypeScript类型2（object,any,unknown,void,never,enum）https://blog.csdn.net/qq_42543244/article/details/122756084在之前的两篇中，关于类型这块，基本已经完成了，本篇补充点额外的东西；&：同时// let school: string & number; //错误用法：这个写法没错误,但是到底有什么值既是string还是number？let school: { nam

2022-02-03 20:06:43 797

原创 4.0 TypeScript编译

上一篇：TypeScript类型2（object,any,unknown,void,never,enum）https://blog.csdn.net/qq_42543244/article/details/1227560841.tsc xxx.ts将某个ts文件编译成js文件，当我们改动了ts文件的代码，我们就需要执行一次该命令；问题：需要手动执行命名，而且当我们有多个ts文件时，只能编译单一ts文件。2. tsc xxx.ts -ww代表watch的意思，执行此命令，当我们再去修改该.

2022-02-03 19:54:05 2021

原创 12.0 vue3 readonly&shallowReadonly

上一篇：vue3 shallowRef&shallowReactivehttps://blog.csdn.net/qq_42543244/article/details/122771740本篇记录vue3的readonly & shallowReadonly；顾名思义，readonly只读属性，将一个属性设置为只读的属性；<template> <div>Demo组件内容</div> <div>{{ num }}</div

2022-02-02 21:29:26 635

原创 11.0 vue3 shallowRef&shallowReactive

上一篇：vue3 toRef&toRefshttps://blog.csdn.net/qq_42543244/article/details/122715199本篇文章主要记录vue3的shallowRef，shallowReactive的api；在默认的情况下，无论是 ref还是reactive都是深度监听，但是深度监听带来的问题是：如果数据量比较大，我们在使用ref reactive，讲原始数据代理为响应式数据，是非常消耗性能的，有些时候对于某些数据我们并不需要深度监听，此时就用到了

2022-02-02 20:50:02 621