特别说明： 为保证项目的一致性，文章使用@vue/cli@4.4.6版本，VS code和全局/项目安装了Eslint。该配置参考了 1. vs code扩展程序中安装Vetur 2. 勾选配置 3. 修改package.json 4. Prettier/eslint-conf…

在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。 通过阅读代码结构，发现el-table-column…

从字面意思可以看出，具有“响应式”特征的事物会根据条件变化，使得目标自动作出对应变化。比如在“响应式布局”中，页面根据不同设备尺寸自动显示不同样式。 Vue.js 中的响应式也是一样，当数据发生变化后，使用到该数据的视图也会相应进行自动更新。 现在有个很简单的需求，点击页面中 …

1. 观察者模式 2. defineProperty 对一级/多级对象进行拦截 对于一级对象的拦截相信小伙伴们都会啦。 解释：observer 这个方法表示如果当前是一个对象，就会继续被遍历封装拦截。 延伸到实际业务场景：「获取用户信息然后进行展示」。我在 data 设置了一个…

CSS 变量又称为 CSS 自定义属性，它包含的值可以在整个文档中重复使用。由自定义属性标记设定值（比如： --main-color: black;），由 var() 函数来获取值（比如： color: var(--main-color);） 为什么选择两根连词线（--）表示？…

前言原因：闲的。还有一个原因吗？嘿嘿然后之前就说过了，我拿vue3直接干公司项目了，是内部的孵化项目，客户不多，但是也是正规的生产项目。技术栈说明：公司项目：js，element-plus，vue3，

关于本文异常热闹的评论区，我在https://juejin.cn/post/6911883414110994439进行统一回应，后面没什么必要我不会直接在评论区进行回应，如果之前的回应有一些过激的语言我表示抱歉，因为太长时间没有发文有点没控制住。 以防万一有的同学实在不看官方文…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

插槽，简单理解就是可以即插即用的一段代码。vue中，插槽可以大致分为以下三种： 所以，简单来说，默认插槽就是子组件内占了一个位置，在父组件内调用子组件的时候，写入什么内容，就会在这个位置显示出什么内容来。 由此可见，具名插槽就是，子组件内定义插槽的时候，取了一个名字，父组件调用…