有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想…

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 Typescript。因为这点，大多数 Vue 应用程序都是直接使用 JavaScript 写的。 现在随…

监听剪切板粘贴事件，读取剪切板中的图片文件，转成base64通过img标签显示出来，此时可能会存在剪切板中图片过大，产生上传速度慢问题，接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果：

注：得VueComponent着得Vue，通过此文了解VueComponent的强大。 注：km-grid-item为km-grid的子组件。 这里在km-grid-item加上 v-on="＄listeners"意思就是说将所有km-grid的监听器指向 km-grid-it…

随着vue脚手架的升级，越来越便于开发者开发和维护项目，本质上vue-cli3提供了基础的配置和可拓展的空间，但是vue-cli3官网对于新脚手架的用例都比较简洁，更多的内容需要我们去研究，更多都是基于webpack去拓展。为了更好的入门，我写了个常用配置的小总结，下面我们来看…

轮播图组件想必是使用最多的组件之一了，尤其是每个首页当中必定会出现它的身影。 很多轮播图效果都是自带自动播放的，所以我们当前也不会置之不理。我们通过给Swiper组件传递autoplay的prop来进行设置 默认自动播放的时候，图片都是向左移动到-100%的位置。如果考虑到用户…

不管是工作需要还是面试加分，vue技术栈已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的vue项目开发环境，提供给需要的同行小伙伴观看也方便自己以后复习。 ... 先本地全局安装node环境，vue的运行是依赖于node的npm的管理工具来实现的，node下…

其实，很多人对于vue只停留在基础使用。想要提升自己，就应该想办法将其运用到更高的层次。 当我们在项目需要重复多次使用该组件，会导致出现很多重复的引入和注册代码，既繁琐又不雅观。因此我们可以通过一个全局的Js文件来管理，将需要多次使用的组件进行全局注册

vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-v…