![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
你的微笑暖暖的
这个作者很懒,什么都没留下…
展开
-
vite+vue3中如何使用iconify图标库
前言`Iconify支持100多个图标集,上万种图标可随意使用,你能想到的他都有,Iconify是SVG图标,不是字体图标,所以你也可以结合elementui-plus使用,最后感谢antfu大佬提供的vite插件。一、下载插件pnpm add -D unplugin-icons二、使用方式1.安装完整集合代码如下(示例):pnpm add -D @iconify/json// vite.config.tsimport Icons from 'unplugin-icons/vite'原创 2022-04-13 15:32:34 · 10144 阅读 · 0 评论 -
vue3中的响应式系统实现
vue3中的响应式系统实现响应式系统是vue.js的重要组成部分,这里面又涉及到了响应式数据与副作用函数及无限递归,副作用函数嵌套,两个副作用函数之间会产生的影响等问题,所以我们一步一步的来讲解。一、什么是副作用函数?定义:指会产生副作用的函数。一个函数(这里我们叫effect)的执行会直接或简介的影响其他函数的执行,这时effect函数就产生了副作用。其实副作用是非常容易产生的,比如一个函数修改了全局变量,这也是一个副作用。 const data = { text: '123' } fu原创 2022-04-02 16:18:33 · 1526 阅读 · 0 评论 -
VUE将虚拟DOM渲染成真实DOM-----渲染器
我们知道我们的虚拟DOM是通过render函数渲染成真实DOM的,但是render函数又是怎么实现的呢?他的原理是什么呢?接下来我们一起来看看渲染器的实现原理。一、最简单的rander函数function Render(obj, root) { const el = document.createElement(obj.tag) if (typeof obj.children === 'string') { const text = document.creat原创 2022-04-01 16:55:37 · 3417 阅读 · 1 评论 -
vue密码强度提示的两种方式
vue密码强度提示的两种方式第一种![成品效果](https://img-blog.csdnimg.cn/20210515114959726.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd5dWliYTEzMTQ=,size_16,color_FFFFFF,t_70#pic_center)第一种...原创 2021-05-15 12:21:37 · 2443 阅读 · 3 评论 -
vue封装axios且实现api的统一管理
一. 安装// 安装 cnpm install axios 二.封装在src目录下面新增request文件夹。然后新增api文件夹,存放我们各个模块的api,新增index.js为各个模块api的统一出口。然后新增Http.js封装axios。Http.js中的代码import axios from 'axios'import qs from 'qs'// element引入// import ElementUI from 'element-ui'// 请求超时时间,10s原创 2020-09-17 20:12:27 · 257 阅读 · 2 评论