2016 年 3 月 13 日 Element 悄然诞生，经历了 4 年的风雨洗礼，我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。 截至本文撰写时，Element 已获得 48200 Github Star， NPM 下载量 95 万次/每月的…

Sennder：欧洲排名第一的全卡车装载数字货运代理平台。 认知一个项目从认识目录开始！Vue 项目那逃不过认知最通用的 Vue CLI 目录结构。 原因是：我们应该花更多的精力去关注 src 文件夹！具体往下看。 静态文件目录：包含字体、图标、图片、样式等静态资源，不做赘述。…

这里单页面组件的书写采用的是 vue-property-decorator 库，该库完全依赖于 vue-class-component ，也是 vue 官方推荐的库。 @Emit()不传参数,那么它触发的事件名就是它所修饰的函数名. watch 是一个对象，对象就有键，有值。 …

懒加载主要通过 IntersectionObserver对象实现，可能有些浏览器不支持，暂未做兼容。 vue3 的 Custom Directives，支持以下 Hook Functions：beforeMount 、mounted、beforeUpdate、updated、b…

前言: 写可视化大屏项目难免会考虑到屏幕适配的难题,如果有一个适配各种屏幕的基础容器组件处理这个事情,组件插槽内我就安心写业务,岂不是很香,这篇文章手把手教你如何写一个vue3的大屏自适应容器组件.

前言: 随着前端业务的不断扩大,也造了一些的轮子或者面向业务二次封装的代码用在各个项目当中,为了提升团队开发效率,稳定开发质量,一个服务于业务的业务组件库必不可少~

基于Vue 3 + Typescript + Vite 搭建H5通用架子 项目初衷 用最新的前端技术开发一个H5的通用架子，让前端同学开箱即用，迅速投入战斗。 项目源码在文章结尾处，记得查收哦~ 如果

在我的开源项目中有一个组件是用来发送消息和展示消息的，这个组件的逻辑很复杂也是我整个项目的灵魂所在，单文件代码有1100多行。我每次用webstorm编辑这个文件时，电脑cpu温度都会飙升并伴随着卡顿。 就在前几天我终于忍不住了，意识到了Vue2的optionsAPI的缺陷，决…

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…