项目中经常用到echarts，不做封装直接拿来使用也行，但不可避免要写很多重复的配置代码，封装稍不注意又会过度封装，丢失了扩展性和可读性。始终没有找到一个好的实践，偶然看到一篇文章，给了灵感。找到了一

很早之前就看见尤大在说<script setup> + TS + Volar = 真香，但一直都没有去主动尝试过 前段时间恰好在网上看见了相关的项目，好奇心又被调动了......

对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。

前言 写了两年的Vue，期间学习到好几个提高开发效率和性能的技巧，现在把这些技巧用文章的形式总结下来。 1. 巧用$attrs和$listeners $attrs用于记录从父组件传入子组件的所有不被p

本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ 下载 ui库 按需加载 在项目的根目录下创建 babel.config.js 在项目跟目录下创建vue.config.

1. 代码混淆 2. 资源放到 cdn 3. 无用库删除 4. gzip 压缩 5. 第三方库放到 cdn

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。 动画的创意来自网络，但如果只是拿人家的视频转成Gif，那就显得我太没有诚意了。

上班摸鱼,下班摸鱼,一直摸一直爽。在一次调试的过程中,我按下了F12刚好是掘金的页面，然后把代码输入到控制台之后，顺手滚动了几下右侧的滚动条，发现个问题如下图所示: 掘金官网的滚动条当你拖动到底部的时候会自动回弹到一定的位置。顺着这个问题，我想着使用vue-cli3.0和TS实…