这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

上篇《尤雨溪是个恶魔，Vite三天10更》谈到了Webpack这一系列打包工具出现的原因。这些工具的出现是为了解决ESModules模块系统本身的环境兼容问题、以及零散的模块文件导致的频繁网络请求发送

最终效果实现功能：主页面结构：左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性从菜单拖拽组件到容器；单选、多选；容器内的组件可以拖拽移动位置；组件拖拽调整宽高；组件拖拽贴边，显示辅助线；操作栏

首先我们都知道，throttle(节流) 和 debounce(防抖) 是性能优化的利器。 本文会简单介绍一下这两个的概念，但是并不会对这两个函数再进行老生常谈地说原理了，而是会说它和 vue 之间的爱恨情仇~，但是在步入正题以前，我们得先知道它的一些简介。 函数节流(thro…

1. 父组件 向 子组件 传递值 2. 子组件 向父组件传递值 3. 父组件 通过 $refs / $children 来获取子组件值 4. 子组件 通过 $parent 来获取父组件实例的属性和方法 5. $attrs 和 $listeners 获取父组件实例属性和方法(组件…

用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往，会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你，是否手动搭建过 Vue 项目的时候，对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发…

执行npm run lint-fix 将自动修复。无法修复的将在控制台给出提示。 原则上每次git commit前我们都需要先执行一下 lint-fix命令的，避免遗忘或者偷懒，我们使用预检查工具进行处理。 husky 是一个 npm 模块，可以在 git 提交前做拦截，如果拦…

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱…

脚手架vue脚手架vue-cli我们使用任何东西第一步都是安装1.安装脚手架(一般安装在全局)安装成功后，全局环境会生成$vue的可执行命令，我们可以基于$vue--version来查看版本号，看是否