本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个 switch 组件。 写的比较简单，主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛，有的时候在…

Vue2.x【注册或获取全局组件。注册还会自动使用给定的 id 设置组件的名称】 Vue3【注册或获取全局组件. 注册还会自动使用给定的 name组件 设置组件的名称】全局组件 指令绑定到的元素。这可以用来直接操作DOM。 oldValue：指令绑定的前一个值，仅在 befor…

昨晚写这篇文章的时候，隔壁在聚餐，几位女生欢聚一堂，整个楼层充满了欢声笑语的味道，就好像早上刷牙刷一半就跑去吃了个鸡蛋。 隐隐约约传来了菜刀与菜板的碰撞声，这刀切的技术似乎略输我一筹。 可就算再怎么样，她们也是一群人吃饭啊。而我只能吃两桶泡面，且还能吃出优越感来~~ 可叹可叹，…

今天我们将分析我们经常使用的 vue 功能 slot 是如何设计和实现的，本文将围绕 普通插槽 和 作用域插槽 以及 vue 2.6.x 版本的 v-slot 展开对该话题的讨论。当然还不懂用法的同学建议官网先看看相关 API 先。接下来，我们直接进入正文吧 对于此，大家可能都…

基于vue的，需要你对 vue 的 transition 和 transition-group有过使用和了解。 vue的文档对 transtion 组件已经有了很详细的 分析 了。 transtion 是vue提供的一个抽象组件，会在 合适的时机 帮我们操作其包裹的子元素。 r…

通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。 在本教程中，我们将学到怎样用 Vue-Router 为Vue应用程序实现中间件管道。 **中间件管道（m…

通过阅读源码看一下vue是如何将Vue.config.errorHandler接口暴露给使用者。 快狗打车前端团队专注前端技术分享，定期推送高质量文章，欢迎关注点赞。

瀑布流， 又称瀑布流式布局，是比较流行的一种网站页面布局。视觉表现为宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面向下滚动，新的元素附加到最短的一列而不断向下加载。 ​瀑布流本质上就是寻找各列之中高度最小的一列，并将新的元素添加到该列后面，只要有新的元素需要排列，就…

在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于Vue的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。 放大镜的原理用一句话概括，就是根据小图上的鼠标位置去定位大图。 相信原理图已经画的很明白了， 图中，左侧框是小…