ref 的用法比较简单，只需要将基本类型的数据传入，通过返回值的 value 属性获取响应式的值即可。 其实他也可以接受复杂数据类型作为参数，但是其内部依然是调用 reactive api 进行的响应式处理，这个过程对用户来说是隐藏的。所以，为了使代码更清晰，你应该使用 ref…

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

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

独立的前端团队早已经不是什么新鲜事，在那些大厂大寨子里早已经存在，前端的发展可谓如日中天，一片从未有过的繁荣。前端三大件：HTML，CSS，JavaScript，这几年都有质的飞跃。HTML5的兼容性提升，多媒体支持，表单验证等等。CSS开发中加入的编程能力，JS领域内各种场景…

随着前端生态的繁荣，工具库几乎是高效开发的必需品，lodash/dayjs/numberal等实用的工具库相信大家都用过。 我近期在开发Calendar Graph Github提交日历组件时，发现有很多需要处理颜色的场景，比如判断一个字符串是否是一个有效的颜色值、hex颜色值…

webpack：修改配置需要一点 webapck 的知识。 在指定目录中使用命令创建一个默认的项目，或者根据自己需要自己选择。 我们需要一个目录存放组件，一个目录存放示例，按照以下方式对目录进行改造。 我们通过上一步的目录改造后，会遇到两个问题。 新版 Vue CLI 支持使用…

前言基于vue-cli4.5以上的版本vue-cli安装我就不写了，网上一大把。官方安装教程新建项目时要选择vue3的模板哦！！！安装其他依赖安装TypeScript安装less预处理器修改目录结构初

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…

我们团队的Element发布了。为了让大家使用起来便捷。需要加入vue-cli和vite生态之中。 今天先说说vue-cli插件如何开发。 Vue CLI工具是Vue生态在Vue生态中负责工具基础标准化。他使用一套基于插件的架构。 比如vue-router、vuex或者安装组件…