初时mixin

mixin（混入）：当有相同的数据或者相同的操作方法时，可以使用mixin。

1. 方便以后进行维护
2. 使得代码更加优雅
3. 多个组件可以共享数据和方法
4. 当函数名相同时，mixin函数会先执行

// 官方例子
//定义一个混入对象
var myMixin = {
  created: function () {
    this.hello()
  },
  methods: {
    hello: function () {
      console.log('hello from mixin!')
    }
  }
}

// 定义一个使用混入对象的组件
var Component = Vue.extend({
  mixins: [myMixin]
})

var component = new Component() // => "hello from mixin!"