最近做项目时使用了select标签，希望能更改select的样式，奈何option标签的样式无法修改，于是打算封装一个类似el-select组件。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情 通过本文章的逐步实现，希望你能够了解到： 如何通过Vue3 + VueUse 实现一个Affix固钉组件

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…

store文件夹：为table设计了一组私有的store数据，类似（vuex, redux)，这个一会详细讲。 layout-observer.js: 布局使用的一个Observer，里面提供了一些基础方法，主要包括两点：1.column变化时，动态更新显示宽度，2.table…

可以看到，render内容比较少，比较常用的方式，一个<table>包裹<colgroup> 和<tbody>组成。 代码行看起来比较多，但是只要理解本质就可以了：根据row和column数据，渲染出一个tr（即一行），里面很多属性获取，事件处理都进行了封装。 而renderE…

背景 为了统一公司产品视觉风格，打造一套更符合公司风格、业务的基础组件库。组件库满足以下诉求： 全新组件：提供ant-design-vue中没有的组件 二次封装组件：在ant-design-vue组件

在vue项目中，多个项目会有一些公共的组件，我们如何将其打包成一个组件库维护起来呢？ 如何暴露组件类型，按需自动导入又是如何实现的？这篇文章我们一起来学习一下。

本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选择。