vue3 使用混入数据

在 Vue3 中，使用混入数据可以通过 `mixins` 选项实现。下面是一个使用混入数据的示例：

// 定义一个混入对象
const myMixin = {
  data() {
    return {
      message: 'Hello, world!'
    }
  }
}

// 在组件中使用混入对象
app.component('my-component', {
  mixins: [myMixin],
  template: '<div>{{ message }}</div>'
})

在上面的示例中，我们定义了一个名为 `myMixin` 的混入对象，它包含了一个名为 `message` 的数据属性。然后，在组件定义中使用 `mixins` 选项将 `myMixin` 混入到组件中，这样组件就可以访问 `message` 数据属性。

需要注意的是，如果混入对象和组件定义中有重名的数据属性或方法，组件定义中的优先级更高，会覆盖混入对象中的同名属性或方法。