如何封装成vue插件~~~前面写了封装button组件、dialog组件、input组件、switch组件、radio组件、radioGroup组件、form组件和formItem组件，有需要的童鞋请

一、组件 子组件 父组件 效果展示： 通过这张图可以看出父子组件的结构，下面我们来实习父子组件通信。 二、父子组件通信 父组件给子组件通信 实现思路：子组件通过 props 来接受父组件传过来的值。

继上篇 Vue 滚动触底 mixins,将对于文档滚动触底的逻辑迁移到某个dom上，将会用到 Vue.directive 来实现代码逻辑复用。 符合滚动条件，可以通过 Element.scrollTop 来获取它的子元素的顶部到父级元素顶部的距离，不包括(border,padd…

这是我参与8月更文挑战的第20天，活动详情查看：8月更文挑战 1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cl

vue2经过2.2版本升级后,文件变成了8个:vue.common.jsvue.esm.jsvue.jsvue.min.jsvue.runtime.common.jsvue.runtime.esm.j

以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。

我们在前端项目开发的过程中，经常碰到需要使用npm run dev或者npm run serve命令来启动项目，同样都是启动项目的命令，但是有些时候运行npm run serve会报错，而运行npm

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。

这样的项目结构在现在看来很多项目都有在使用，比如 Vue、Vite 等，它们共同使用到的 PNPM 的包管理器来组织这样的项目。同时我也在 B 站发现有伙伴使用 PNPM 组建了包含 PC 前端、PC