前言 利用周末两天，做了个图片的裁剪的功能和预览的功能，前端图片的裁剪方案，大多数都是用cropperjs进行封装，npm上有vue-cropperjs可以直接用起来，viewerjs是用来实现图片的

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

笔者之前是Vue2+React开发者，因项目需要直接上手Vue3，所以快速学习一下，中间会对比一些和React相关的区别

如果说Vue、React、Angular是前端三剑客，那么element-ui可以说在中后台领域占据半壁江山，github star数 43k之多。至今，它拥有了84个组件（Version 2.13.0）。 需求：因公司业务需要，经常有页面中的表格需要多选（勾选），然后把勾选到…

1. 学会调试学习源码 2. element-ui 如何初始化新的组件 3. 可以学以致用应用到自己开发的项目中，比如新增页面等 4. 等等

很有幸，将自己有使用过的，也是标准组件库里可能没有的组件封装成了一个小小的组件库，没想到start数破百了，vue-gn-components，接下来就是一步步丰富这个项目了~。期待大家的start~，这也是我持续丰富这个组件库源源不断的动力！ 首先第一个添加的是一个拖拽组件，…

笔者入坑学习 Vue 也算是有段时间了，文档和一些大佬的项目、文章也多少看了一些，但是似乎这个问题思考的很少，每次在写项目或是 demo 的时候直接就是代码往上怼，深入的地方也仅限于了解了路由和模板编译的源码实现，也没有深究过为什么只能有一个根元素。这个问题我觉得对于刚入门 V…

先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 从图中可以得知：msg1和msg3显示的内容还是变换之前的，而msg2显示的内容是变换之后的。其根本原因是因为Vue中DOM更新是异步的（详细解释在后面）。 下面了解下nextTick的主要应用的场景及原因…

如图所示，它是一个程序里面的状态管理模式，它是集中式存储所有组件的状态的小仓库，并且保持我们存储的状态以一种可以预测的方式发生变化。对于可以预测，现在我不多做说明，相信在看完这篇文章之后，你就会有自己的理解。 对于第一个问题，假如是多级嵌套关系，你可以使用父子组件传参进行解决，…