Vue中混合Mixins与插件开发应用详解是怎样的？

本文共计2308个文字，预计阅读时间需要10分钟。

官方文档：混合（mixins）是一种在Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。使用混合对象时，所有混合对象的选项将被混入目标组件本身选项中。例如：

javascript// 定义一个混合对象var myMixin={ created: function () { this.hello(); }, methods: { hello: function () { alert('hello from mixin!'); } }};

// 创建组件var Component=Vue.extend({ mixins: [myMixin]});

var component=new Component();component.$el.textContent; // hello from mixin!

在这个例子中，`myMixin` 混合对象中的 `hello` 方法被混入到组件中，因此可以直接在组件实例上调用。

官网：混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。
个人：混入就是用来对vue组件中的公共部分，包括数据对象、钩子函数、方法等所有选项，进行提取封装，以达到代码的复用，混合用处挺大的，然我们来看看实际用法。