mixins：[]怎么用

在Vue中，mixins是一种可以重复使用的组件选项，它可以在多个组件之间共享代码。使用mixins可以将组件选项中的数据、生命周期钩子、方法等混入到多个组件中。

如果要使用mixins，需要在组件选项中添加一个mixins属性，其值为一个数组，数组中包含需要混入的组件选项对象。例如：

// 定义一个混入对象
var myMixin = {
  data: function () {
    return {
      count: 0
    }
  },
  methods: {
    increment: function () {
      this.count++
    }
  }
}

// 定义一个组件
var myComponent = {
  mixins: [myMixin],
  template: '<div>{{ count }}</div>'
}

// 在多个组件中共享混入对象
var otherComponent = {
  mixins: [myMixin],
  template: '<button @click="increment">Increment</button>'
}

在上面的例子中，定义了一个混入对象myMixin，包含了一个数据count和一个方法increment。然后，在myComponent和otherComponent组件中，都使用了mixins属性，将myMixin混入到组件选项中。

在myComponent中，模板中使用了count数据。在otherComponent中，模板中使用了increment方法。这些数据和方法都来自于myMixin对象，通过mixins属性混入到了组件中，实现了代码的复用。

总结来说，mixins是一种在多个组件之间共享代码的方式，可以将组件选项中的数据、生命周期钩子、方法等混入到多个组件中，实现代码的复用。