Vue mixins

Vue mixins 是一种可重用 Vue 组件逻辑的方式。它允许我们将一些常用的选项（如 data、methods、created 等）封装成一个对象，然后在多个组件中进行复用。

使用 mixins 的方式非常简单，只需要在组件选项中使用 mixins 属性即可。例如：

const myMixin = {
  data() {
    return {
      message: 'Hello, world!'
    }
  },
  methods: {
    showMessage() {
      alert(this.message)
    }
  }
}

Vue.component('my-component', {
  mixins: [myMixin],
  template: '<div>{{ message }}</div>'
})

在上面的例子中，我们定义了一个名为 myMixin 的 mixin 对象，它包含了一个 data 属性和一个 methods 属性。然后，在组件选项中使用 mixins 属性引入该 mixin 对象，这样组件就可以使用 myMixin 中定义的属性和方法了。

需要注意的是，如果 mixin 对象和组件选项中有同名的属性或方法，那么组件选项中的属性或方法会覆盖 mixin 对象中的属性或方法。