面试官翘着二郎腿，掀了掀眼皮，语气轻飘飘地问我： “Vue3 的 Teleport 用过？” “嗯……做弹窗的时候用过，能把内容挂 body 上。” “那你知道它是怎么做到的吗？为啥能跑到...

需求场景 某些情况下，我们要使用一个弹框组件的时候 一般都是这样使用： 也就是说，每次想要有一个弹框打开功能 都需要引入 ElDialog、再定义一个弹框打开关闭的变量 dialogVisible 在

在这里，主要分享一些平时写VUE组件，会用到一些技巧，会让代码得到很大的简化，可以节省很多脑力体力。 1、v-bind=“$attrs” 这是首推的一个技巧写法，特别在拓展开源组件时，无缝使用开源组件

我们每天写vue代码时都会使用到这些宏，但是你有没有思考过vue中的宏到底是什么？为什么这些宏不需要手动从vue中import？为什么只能在setup顶层中使用这些宏？

众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。

在前端开发中，我们经常会遇到这样的布局：在一个容器中，排布有两个元素，A元素宽度固定，B元素宽度自适应，如下图： 我们的CSS也能随手捏来 上述代码中，我们使用flex: 1

在vue开发中时常会涉及到子组件之间传递数据。经典的方法是使用props和emit，而vue 3.4+提供的defineModel方法可以用更少的代码实现这一功能。本文提供相关使用示例。

在做数据大屏时，每一个数据区域都需要写很多相同的逻辑，例如监听用户选择的时间范围、监听页面大小resize等，所以我们需要提取这些公共的部分作为公共组件。

vue3 hooks之useTable，工厂流水线开发页面表格😄，带你提高开发效率、告别重复性工作。