以图的形式，言简意赅的总结Vue3组件相关的内容⭐️，附原图o🧚🏻‍♀️，可以方便你按照自己的想法二次修改，欢迎阅读👇

经验之谈。实际开发的时候，为了减少重复造轮子，提高工作效率，节省开发时间成本，免不了会使用ui组件库，比如在web前端很受欢迎的element-ui。但有的时候，我们需要在原组件的基础上做些改造

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui

完整引入按需引入单独引入配合插件：lodash-webpack-plugin安装babel.config.jsvue.config.js可以愉快的使用了lodash-es 结合 tree shakin

众所周知，vue3.0版本带来最大的更新就是composition api，借助composition api写法，能够更好的封装常用代码逻辑，vueuse 就是这么一个工具集。里面封装了许多常用功能

一、使用背景 业务开发中存在长列表显示需求，一些用户的聊天列表会出现几千条数据的情况，也就意味着要一次性渲染几千条数据，造成明显的卡顿，这时就有必要对聊天列表进行性能优化来提升用户体验。 对于这种需求

Axios 相信对Vue熟悉的铁汁对它不会感到陌生了，这简直就是前端近年来的一大杀器，使用人数一直不断上涨。

封装组件，以方便在Vue项目中使用Echarts图表，调用方便，复用方便。可用于toB类展示数据项目，更多的是用在大屏数据可视化项目