这是这次系列文章的第一篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。 两个部分都是可以进行自定义内容及样式的。…

1. 如果扩展运算符后面传入一个空数组，则不产生任何效果 2. 只有函数调用的时候扩展运算符才放在圆括号中，否则放在[]中 如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。 「扩展运算符还可以将字符串转为真正的数组。」 有一个重要的好处，那就是能够正确识别四个…

「小更新一下吧。💐💐💐某些时候我们是需要在请求接口的时候，做一下拦截器，对请求的结果做一下统一的处理及响应。不需要钱每个地方都做重复的工作」 「当用户当前账户长时间不登录 过期的时候可以强制要求用户重新登录授权。」

如上图所示，A/B，B/C，B/D 组件是父子关系，C/D 是兄弟关系。那如何根据不同的使用场景，选择不同的通信方式呢？所以前提就是我们要了解不同的通信方式的作用和区别。 一. props / $emit 这个是我们平时用得比较多的方式之一，父组件 A 通过 props 参数向…

运行速度更快：相比较于 react 而言，同样是操作虚拟 dom ，就性能而言， vue 存在很大的优势。 不同点： 实现本质方法不同，v-show 本质就是通过控制 css 中的 display 设置为 none，控制隐藏，只会编译一次；v-if 是动态的向 DOM 树内添加…

你是如何界定要不要造轮子的？于我而言，将需要多处调用的重复代码封装成组件、插件，把繁琐的操作流程开发成提效工具，后续能简化工作量，提高工作效率，就值得造轮子。为业务封组件、封插件，为提效造工具，做有价值的事，才能实现自我价值。 我们先来看看，这次造的什么轮子，针对我们请假审批的…

并不是所有的接口都走vuex状态管理才好！并不是所有的接口都走vuex状态管理才好！并不是所有的接口都走vuex状态管理才好！以下是写一个小例子，不是说项目就该这么管理。 一、Dispatch。 我们通过二次封装axios，将公共的请求拦截，异常处理、请求头等封装起来统一操作。…

Vue 数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Data，可以通过事件监听的方式来实现，所以 Vue数据双向绑定的工作主要是如何根据Data变化更新View。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data …

Vue Axios 封装 在现代 Vue 项目开发中，前后端的数据交互不可避免地依赖网络请求库。文章介绍了如何使用 Axios —— 一个基于 Promise、可在浏览器和 Node.js 中使用的