在业务中列表拖拽排序是比较常见的需求，常见的JS拖拽库有Sortable.js，Vue.Draggable等，大多数同学遇到这种需求也是更多的求助于这些JS库，其实，使用HTML原生的拖放事件来实现拖拽排序并不复杂，结合Vue的transition-group,还能快速的给排序…

1. 学会全新的官方脚手架工具 create-vue 的使用和原理 2. 学会使用 VSCode 直接打开 github 项目 3. 学会使用测试用例调试源码 4. 学以致用~

由于我先学了Vue3，并开发了一个开源的小项目，领导让我整理一下给公司其他没有入门的同事讲一下，混个脸熟。本文适合Vue初学者，或者Vue2迁移者，一看就学会，直接上手开发。

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…

Vue 3.0 终于发布了，具体更新内容详见 v3.0.0。官网地址 Vue，但内容还都是英文的，毕竟刚发布嘛，中文内容还没那么快。 索性不如自己阅读仓库文档，看看 Vue3 都给我们带来了哪些具体变化。 在阅读文档之前，你应该已经熟悉了这两个 Vue 基础 和创建组件内容。 …

工欲善其事，必先起脚手架，好在有@vue/cli的支持，搭项目变得非常简单。 需求很清晰，抄。 抄之前得先研究抄的对象。 仔细操作后，可以发现日历的头部共有三个可操作区域。 年/月部分点击可以切换视图，分别是日历表，月份表，年份表，层层递进。 上下两个箭头在不同视图下作用不同，…

如果在改造中遇到任何问题并难以找到解决办法，不妨试试在文中找到答案。 Vue的SSR渲染，可以当作一个全新的项目，需要安装依赖的模块(node_modules)，可以将原先使用vue cli 3创建的项目的package.json拷贝过来，确保不缺少相关模块，然后在此基础上添加…