Tag组件通常用来显示当前操作的多项内容，在我司系统中，选择多个不同站点下栏目的时候，就需要这种展示效果。但是并没有做到组件化，每次写相同的需求的时候都多了很多冗余的代码。 最终实现的效果 https://jsfiddl…

Badge组件主要用于数字或状态的标记，对于消息类的提醒功能，使用这组件还是很常见的。具体显示效果如下图： 不管组件复杂还是简单，编码实现这个组件的都不是源码分析目的。源码分析，在于通过一步步的实现这个功能，在这个过程中…

前言 嗨，说起探探想必各位程序汪都不陌生(毕竟妹子很多)，能在上面丝滑的翻牌子，探探的的堆叠滑动组件起到了关键的作用，下面就来看看如何用vue写一个探探的堆叠组件 ? 一. 功能分析 简单使用下探探会发现，堆叠滑动的功能…

vue即时通讯组件 最近在做一些即时通讯相关的工作，突发奇想的用vue实现了一个即时通讯的组件。界面目前是仿照微信做的。代码地址： https://github.com/lzy1043/vue-im这里是demo 完成界…

前言 目前在开发个人博客项目中，一开始就没准备使用一些现在比较流行的UI库（毕竟是个人项目，多练练手还是好的），所以需要自己开发几个全局组件，这里以MessageBox为例记录下Vue.js如何开发全局组件。 源码 Ta…

前言 在开发项目的过程中，经常会需要开发一些弹出框效果，但原生的alert和confirm往往都无法满足项目的要求。这次在开发基于Vue.js的读书WebApp的时候总共有两处需要进行提示的地方，因为一开始就没有引入其他…

前言 组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。 组件 组件与组件之间，还存在着不同的关系。父子关系与兄弟关…

唠叨 最近公司在开发一个社交管理后台，看一遍线框图后发现需要富文本编辑器我便找会上两年开发的vue-tinymce组件，可惜的是组件支持还是vue1，所以这个组件需要升级支持vue2。然后有朋友问我为何不用现有的？因为看…

对于市面上的一些优秀UI库，如element-ui、Ant Design React、React Material-UI等，其中每个组件的核心实现由两部分组件：属性、行为。而作为一枚程序员，你是否想过自己去进行一个UI组…

最近用vue仿写途牛旅行APP 遇到了这样的城市列表选择页面，花了些时间，用Vue实现了一下并让它体验的接近 安卓/IOS 原生组件 很多地方都会有这样的侧边栏字母列表菜单，可以滑动实现内容列表联动。 比如手机通讯录，城…

拿到的设想图长啥品德？ 我脑海里YY到了哪些内容 我们拿到设想图能够看到，现在是两种toast，我们在封装组件的时刻要斟酌背面有能够增添其他款式的组件，所以我们在设想的时刻，只管要有拓展性 肯定要有type属性，根据ty…

近来用vue仿写途牛游览APP 遇到了如许的都市列表挑选页面，花了些时候，用Vue完成了一下并让它体验的靠近 安卓/IOS 原生组件 许多处所都邑有如许的侧边栏字母列表菜单，能够滑动完成内容列表联动。 比方手机通讯录，都…