Vue 3 使用混入（Mixin）详解

混入（Mixin）是 Vue 中一种代码复用的模式，允许将组件的选项（如 data、methods、生命周期钩子 等）抽离为独立模块，并在多个组件中复用。Vue 3 保留了 Mixin 的支持，但随着 Composition API 的普及，其使用场景有所变化。以下是详细解析：

---

一、基本用法

1. 定义 Mixin

// myMixin.js
export const myMixin = {
   
  data() {
   
    return {
   
      mixinData: "来自 Mixin 的数据",
    };
  },
  methods: {
   
    mixinMethod() {
   
      console.log("Mixin 的方法");
    },
  },
  created() {
   
    console.log("Mixin 的 created 钩子");
  }