作为前端架构师，在 Code Review 时最让你头疼的是什么？ 是复杂的业务逻辑吗？对于我来说，是那些细碎且随意的变量命名。我们是否能通过工具辅助同学写出语义化的代码？数千次的实践告诉我，可以！

在长期维护中后台业务的过程中，我发现‘硬编码’的状态逻辑是导致代码劣化的主因。有时候维护项目看到满屏status == 1 | 2 | 3, 完全看不懂具体业务含义，于是有了local-dict ^^

组件库二次封装必看！深度拆解attrs透传、事件合并、slots透传、类型支持4大高频痛点，附Vue3实操解决方案，新手不踩坑，老手提效，告别封装乱象。

它的作用是： 👉 在跨层级组件之间传递数据， 无需通过 props 一层层传递。 简单来说： provide：由上层组件（祖先组件）提供数据。 inject：由下层组件（后代组件）接收数据。 适合场景

在 Vue 开发中，组件通信是构建复杂应用的基础。随着 Vue 3 的普及，通信方式发生了不少变化（如 defineProps 的引入、EventBus 的退场）。

我曾在大大小小的各种公司工作过，但无论大小都没有看到前端有明确的统一的编码规范。也可能是稍大点公司的编码水平都还不错，所以代码风格大差不差，以至于没人重视吧。 后来我回到苏州，发现苏州的编码水平...

你是不是也遇到过这种情况：页面写好了，逻辑也通了，结果后端接口还没出来。只能对着空气调试，或者自己硬编码几个假数据，等联调时又得一个个删掉，烦死了对不对？ 别担心！今天我就带你盘点4种前端Mock数据

前言 在 Vue 组件开发中，我们经常看到这样的代码： 看似简单的 name 选项，真的只是给组件起个名字吗？今天我们就来深入探讨 name 选项的六大核心作用，以及如何在实战中巧妙运用它。 一、na

先极简总结（2 句话记死，终身受用） 绑 1 个属性：用缩写 :属性名="值"（原生标签 / Vue 组件通用，日常 90% 用这个）； 绑 N 个属性：用 v-bind="属性对象"（无冒号、无属性