文章目录零、不要过早优化一. 使用函数式组件适用情况原理官网说明实例与分析二. 组件拆分适用情况原理实例与分析三. 本地变量而非响应式变量适用情况原理实例与分析四. 适当考虑v-show替代v-if适用情况原理实例与分析五. 使用KeepAlive六. 使用`Deferred`延迟分批渲染适用情况原理实例与分析七. 分批次提交八. 使用非响应式数据九. 使用虚拟滚动相关文章与源码主相关拓展相关总原

@vitejs/plugin-vue作用： 用于编辑vue文件注意： 该插件适用于vue3npm官方仓库gitee镜像plugin-vue-jsx作用： 添加vue3对tsx和jsx的支持npm官方仓库vite-plugin-svg-icons作用： 统一引入svg文件资源，作为图标使用npm官方仓库vite-plugin-eslint作用： 给vite加入运行时的eslint支持npm官方镜像v

情景说明有时候开发需要通过https来进行，那么这个问题怎么解决呢？通过npm安装mkcert工具npm安装mkcert创建自签名 SSL 证书mkcert 使用指南：如何快速创建自签名 SSL 证书vue项目本地开发使用刚刚的证书vue开启https，加载本地证书vite-plugin-mkcert使用Vite 使用 https 凭证服务方法(搭 mkcert )局域网内测试https应用局域网

ref方式指定自定义组件类型import { ElForm } from 'element-plus'// InstanceType是无需显示引入的type FormInstance = InstanceType<typeof ElForm>const elFormRef = ref<FormInstance>()某种类型可以是自定义的多种类型type RouteLocat

网站Ant motionhttps://motion.ant.design/exhibition-cn/通用小动画https://webkul.github.io/micron/按钮小动画https://bttn.surge.sh/https://varin6.github.io/Hover-Buttons/实现颜色渐变动画https://sarcadass.github.io/granim.js

写在前面网上都说vite要比webpack快，但个人感受，vite项目的启动确实比webpack快，但如果某个界面是首次进入，且依赖比较多的话，那就会比较慢了。这篇文章就是用来记录，关于vite慢的相关问题与可能的解决方案为什么说vite快？为什么说vite慢？只说vite快那太过笼统，但vite项目的启动确实是快（注意这里的启动是指命令行启动完毕，不是指启动完之后首页加载完毕）启动完之后，你打开

通过注释方式禁用当前行的eslintalert('foo'); // eslint-disable-line禁用下一行的eslint// eslint-disable-next-linealert('foo');禁用多行的eslint/* eslint-disable */alert('foo');/* eslint-enable */禁用整个文件的eslint检查在文件最顶部添加如下注释/* e

代码示例<script lang="ts" setup>import { defineAsyncComponent, ref } from 'vue'// 需要加载的组件集合const components = ref(new Map<string, any>())components.value.set('MyTag',defineAsyncComponent(() =&

写在前面网上都说vite要比webpack快，但个人感受，vite项目的启动确实比webpack快，但如果某个界面是首次进入，且依赖比较多的话，那就会比较慢了。这篇文章就是用来记录，关于vite慢的相关问题与可能的解决方案为什么说vite快？为什么说vite慢？只说vite快那太过笼统，但vite项目的启动确实是快（注意这里的启动是指命令行启动完毕，不是指启动完之后首页加载完毕）启动完之后，你打开