vue mixins:

Vue mixins 是一种在 Vue.js 中重用组件选项的方式。使用 mixins，可以将一些通用的选项或逻辑提取出来，然后在多个组件中进行复用。

要使用 mixins，只需创建一个普通的 JavaScript 对象，然后将其传递给组件的 mixins 选项。这个对象可以包含组件的任何选项，例如 data、methods、computed、mounted 等等。当组件使用了 mixins 后，它会将 mixins 对象中的选项合并到自身选项中。

例如，假设有一个名为 "loggerMixin" 的 mixin 对象，它包含一个名为 "log" 的方法。可以在多个组件中使用这个 mixin：

const loggerMixin = {
  methods: {
    log(message) {
      console.log(message);
    }
  }
};

Vue.component('my-component', {
  mixins: [loggerMixin],
  mounted() {
    this.log('Component mounted');
  }
});

new Vue({
  el: '#app'
});

在上面的例子中，我们定义了一个 mixin 对象 loggerMixin，它包含了一个 log 方法。然后在 my-component 组件中使用了这个 mixin。在 my-component 的 mounted 生命周期钩子中调用了 log 方法。

这样，无论我们在哪个组件中使用 loggerMixin，都可以复用 log 方法。