基础

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

例子：

  1. // 定义一个混入对象
  2. var myMixin = {
  3.   created: function () {
  4.     this.hello()
  5.   },
  6.   methods: {
  7.     hello: function () {
  8.       console.log('hello from mixin!')
  9.     }
  10.   }
  11. }
  13. // 定义一个使用混入对象的组件
  14. var Component = Vue.extend({
  15.   mixins: [myMixin]
  16. })
  18. var component = new Component() // => "hello from mixin!"