每天上班写着重复的代码，当一个cv仔，忙到八九点，工作效率低，感觉自己没有任何提升。如何能更快的完成手头的工作，提高自己的开发效率，在上一篇《绝对干货~！学会这些Vue小技巧，可以早点下班和女神约会了》，小编整理了一些Vue开发技巧，今天小编又整理了一些新的Vue使用技巧。你们…

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…

最近项目中经常出现由于用户多次点击导致的问题，防抖/节流使用的很多，因此，想通过vue自定义指令的方式来实现。后面有需要使用防抖的地方只要使用改指令即可。 通过此设置，可以让提交按钮在200ms内的多次点击只能执行一次，并且刚点击时就执行。若不设置时间（200），则默认2000…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.d…

解释：当持续触发某事件时，一定时间间隔内没有再触发事件时，事件处理函数才会执行一次，如果设定的时间间隔到来之前，又一次触发了事件，就重新开始延时。 案例：持续触发scroll事件时，并不立即执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触发一次han…

看到这个实现，对于以后想要实现vue插件并且绑定生命周期，提供了一种很好的思路和方法，往往可以触类旁通，有意想不到的收获。 在 JQuery 时期，如果需要刷新 UI 时，需要先取到对应的 DOM 再更新 UI，这样数据和业务的逻辑就和页面有强耦合。 在 MVVM 中，最核心的…

浏览器里右键时会有一个默认的菜单，在我的开源项目中正好有自定义右键菜单的需求，在npm库找了下与之相关的包，发现都是以组件形式实现的，感觉那种做法太过繁琐。 于是，我就想着能不能像vue的内置指令那样，绑定到元素上，在这个元素上右键就能出现右键菜单，这样做就方便很多了。 看了下…

路由这里要单独说一下,因为之前使用路由的时候基本没遇到过这种路由之间有多层嵌套的，我需要的效果是点击侧边栏后右侧内容区域就要变，所以想到了页面变化可以通过嵌套路由来解决，在RightContent.vue内部使用router-view匹配路由即可。

以下代码均经过自己测试，可以复制直接看效果。注意引入Vue文件 VueX和VueRouter 部分更新也上传了。需要点击这里 VueX差了辅助函数之类。VueRouter基本完成。后续可能会有单元测试和SSR computed不会立马取值,用到的时候才会取值. 并且有缓存,依赖…