在封装一个插件时，大家往往会先从使用插件者能传递的数据，开始设计插件的入口，封装vue组件同理。vue中封装一个组件，组件上dom绑定传递的各种东西，除class style外，在vue里本质上只有以下三种 下面简单demo封装一个三方组件，我们希望首先是继承这个三方组件的所有…

探索Vue高阶组件高阶组件(HOC)是React生态系统的常用词汇，React中代码复用的主要方式就是使用高阶组件，并且这也是官方推荐的做法。而Vue中复用代码的主要方式是使用mixins，并且在Vu

猛兽总是独行，牛羊才成群结队。 -------鲁迅 vue组件通信的重要性无需多言。。。但是你肯定没有全部掌握，所以这第二篇文章应运而生 props父传子，$emit子传父，看下边代码，清澈的像少女的眼眸。。。emmm 新建一个Vue事件bus对象，然后通过bus.$emit触…

1. Mixin是什么 2. 怎么解决需求 3. 原理 2. 怎么解决需求 3. 原理

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★663

如果在你项目中需要多处用到同级组件通讯，而又不想去写繁琐的vuex，可以参考这个小思路。本人在写项目中琢磨出来的，感觉挺好用，分享一下。 注释已经很详细了，也很简单，不再过多阐述。 引入 BusOn 挂载在组件的mixins上。 引入 BusEmit 发起同级组件通讯。 不用每…

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

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦合性，也保证了各自的数据不被污染。 上面是一个通用组件，在某些场景中，右侧的按钮是 “处理” 和 “委托”…