摘要：在写 vue 组件的时候，如何能保证其中嵌套的子组件符合我们的预期？ 例如封装一个切换 tab 的组件，分为两个部分：外容器 tabs 和 单组件 tab，那么如何保证用户在使用过程中， tabs 里面包裹的使我们想要的 tab 组件，而不是其他例如 div 标签等？ 如下图，新建一个页面，引入 t 阅读全文

摘要：最近在用 vue3 写一个小 ui 库，其中 dialog 组件的弹出框，涉及到了组件层级，也就是 z-index 的问题，下面我们来代码演示一下 首先是组件 html 部分的代码： <template> <template v-if="visible"> <!-- 遮罩层，z-index 为 10 阅读全文

摘要：css 相对于 js 来说，变化更多，同一个样式可以有 n + n 种方式实现，没有最优解，好的代码就是不要写多余的代码、做多余的事情。 ‘+’ 是相邻兄弟选择器，可选择紧接在另一元素后的元素，且二者有相同父元素。 需求：当一个容器中有若干个子元素，且每个子元素之间要保持一定空隙并且不影响与容器边距 阅读全文

摘要：最近在学习 vue3，整理了一些学习笔记，如果有人看到，并发现我有写的不对的地方，欢迎指正~ 用过 vue 组件传值的小伙伴都知道 props 这个属性，而 $attrs 属性可以看做 props 的加强版，用来简化 vue 组件传值，那么这两个属性具体有什么区别呢？ 先说结论，区别如下： 1、pr 阅读全文

摘要：最近在用 vue3 写一个小组件库，在 ts 文件中引入 .vue 文件时出现以下报错： 报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件 解决方法：在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： declare module '* 阅读全文