template写法简单，易于理解，推荐使用script setup写法，就是使用成本会高一些。jsx写法更加贴近js,组合性会高一些。而直接用api实现是最灵活的，但是使用成本也是最高的

Vue中mixins 当多个组件想复用一些功能的时候，vue2提供了mixins，当组件使用混入对象时，所有混入对象的选项将被混合进入该组件本身的选项（一个混入对象可以包含任意组件选项） mixin对

process.env.NODE_ENV应该是我们最熟悉的环境变量了，它经常出现在使用框架或者类库的时候，被用来区分不同的环境（开发，测试，生产等）

借助开源库加速VUE项目的开发进度是现代前端开发比较常见的方式，平常收集一些JavaScript库介绍，在遇到需要的时候可以信手拈来。 VUE 生态有很多不错的依赖库或者组件，是使用VUE开发前端的原

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

这次探索源于改造element-ui中下拉菜单的触发方式，el-dropdown提供了两种触发方式hover和click。由于之前项目中有很多自定义右键菜单的操作。而element-ui并未提供右键菜单相关的组件，于是查看el-dropdown的源码想改造一个支持此右键操作的下…

ref全家桶 vue2写法 为什么要有ref 点击上面的 change 之后，script的数据message会变，视图层里的数据message不会变，说明数据不是响应式的。 ref 定义响应式数据

本文通过 OOCSS、BEM、ITCSS等CSS 架构思想进行剖析 Element Plus 中的 CSS 架构思想，并且学习了 SCSS 的高级用法。

能让你首次加载更快的路由懒加载，怎么能忘？ 路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。 举个🌰，如果这样写，加载的时候会全部都加载进来。 所以，应该避免上