vue2 mixins

Vue 2 mixins 是一种在 Vue 组件中重用代码的方式。通过 mixins，你可以将一组选项对象混入到多个组件中，从而共享相同的逻辑和功能。

要使用 mixins，首先需要创建一个包含要混入的选项对象的 mixin 对象。例如，我们创建一个名为 `myMixin` 的 mixin：

var myMixin = {
  data() {
    return {
      message: 'Hello from mixin!'
    }
  },
  created() {
    console.log('Mixin created!')
  },
  methods: {
    greet() {
      console.log(this.message)
    }
  }
}

然后，在你的组件中使用 `mixins` 选项将 mixin 混入：

Vue.component('my-component', {
  mixins: [myMixin],
  created() {
    console.log('Component created!')
  },
  mounted() {
    this.greet(); // 调用 mixin 中的方法
  }
})

在上面的例子中，`myMixin` 定义了一个 `message` 数据和一个 `greet` 方法。当 `my-component` 组件被创建时，mixin 中的 `created` 方法会被调用，并且组件的 `created` 方法也会被调用。通过使用 `this.greet()`，我们可以在组件中调用 mixin 中定义的方法。

这样，多个组件可以共享相同的逻辑和功能，通过 mixins 的方式实现代码复用。请注意，如果混入的选项对象和组件本身有相同的选项（例如 `data`、`methods` 等），组件的选项会覆盖 mixin 的选项。

希望以上解答能对你有帮助！如有更多问题，请随时提问。