小解不懈

用elementUI组件库虽然很舒服，不知道各位有没有好奇它其中的el-button是如何封装的呢？ 一、封装的意义 项目中按钮风格的统一 代码的复用性，可维护性高 二、如...

废话不多说，直接上代码。 使用到的字体图标为阿里CDN上的字体图标资源，在public/index.html的head标签中引入即可 1. 封装 与之前文章一样，src/c...

逛购物网站的时候，想必大家都见过鼠标放到商品上，会有一个放大的效果。今天我们就自己动手封装一个放大镜效果的全局组件。 一、封装的意义 从技术角度 通过vue插件方式封装为全...

面包屑导航可以将浏览过的页面记录下来，方便很快速的跳转回某一个页面，本文介绍了几种自己封装面包屑组件的方式。 一、为什么需要面包屑？ 当网页进行了多次跳转后，用户可能早就已...

什么是Typescript？ Typescript是强类型的Javascript超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等。Typescript...

泛型 本质是参数化类型，通俗的讲，就是所操作的数据类型被指定为一个参数，这种参数类型可以用在类、接口和函数的创建中，分别成为泛型类，泛型接口、泛型函数 需求：创建一个 名为...

1. props 父组件向子组件传送数据，这应该是最常用的方式了 子组件接收到数据之后，不能直接修改父组件的数据。会报错，所以当父组件重新渲染时，数据会被覆盖。如果子组件内...

一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|...

vue 第三方方法 useIntersectionObserver 实现数据懒加载 在开发网站的时候，有时候一个页面的数据会很多，一次性加载会降低性能，加载速度缓慢，其实只...

微信小程序生命周期包含了三个部分： 1，应用级别的生命周期（整个App的生命周期） 2，页面级别的生命周期（单个页面(page)的生命周期） 3，组件基本的生命周期（组件(...

为什么封装？ 迎合es6模块化开发思想 注册为全局组件，可以更好地复用，需要用到的地方，直接使用标签即可 请求数据都存放在pinia里面 类型检测 页面级组件 全局组件...

在了解vue组件组件中的data为什么必须是个函数时，我们先考虑一个问题，vue中的data可以是一个对象吗？ 答案是： 可以！ 在vue的实例中data其实是可以是一个对...

nextTick是什么 我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进...

computed(计算属性) 1 支持缓存，只有依赖数据发生改变，才会重新进行计算 2 计算属性具有缓存机制，只要依赖的数据不发生改变，就算函数被重复调用，计算属性也不会发...

什么是pinia Pinia 最初是在 2019 年 11 月左右重新设计使用 Composition API 。从那时起，最初的原则仍然相同，但 Pinia 对 Vue ...

01.TypeScript 是什么 TypeScript 是微软开发的开源编程语言， Type + JavaScript（type是类型 => 在 JS 基础之上，为 JS...

泛型 「泛型」，顾名思义，宽泛的类型，就是类型是不固定的，不写死的； 不是任意类型 可以适用于多个类型，使用类型变量（比如T）帮助我们捕获传入的类型，之后我们就可以继续使用...

为什么要学习vue3 Vue是国内最火的前端框架 Vue 3 于 2022 年 2 月 7 日星期一成为新的默认版本！ Vue3性能更高，体积更小 Vue3.0在经过一年的...

双向数据绑定的原理 在vue2中 1其本质是语法糖。v-model即可以作用于表单元素，又可作用于自定义组件，无论是哪一种情况（vue2, vue3），它都是一个语法糖，最...

今天给大家分享一个开箱即用的倒计时组件，用其来获取验证码。 1.npm i @vueuse/core 下包 2.将一下代码放入可复用的公共组件中。 我放的位置（在utils...