mixins局部混入

局部混入是指将一组功能或方法混入到组件中的一种方式。通过使用局部混入，我们可以在多个组件中共享相同的功能代码，避免代码冗余并提高开发效率。

使用局部混入的步骤如下：
1. 在需要使用混入功能的组件中，创建一个 mixins 对象，并在对象中定义需要混入的方法或属性。
2. 在组件的 mixins 选项中，将刚刚创建的 mixins 对象添加进去。

举个例子，假设我们有一个名为 "mixin.js" 的文件，其中定义了一个名为 "logger" 的混入对象。这个混入对象包含了一个名为 "log" 的方法，用于在控制台输出日志信息。

// mixin.js
export const logger = {
  methods: {
    log(message) {
      console.log(message);
    }
  }
}

然后，在需要使用混入功能的组件中，像下面这样使用混入：

// MyComponent.vue
<script>
import { logger } from 'mixin.js';

export default {
  mixins: [logger],
  
  mounted() {
    this.log('Hello, mixins!');
  }
}
</script>

在上述例子中，我们将 "logger" 混入对象添加到了组件的 mixins 选项中。这样，组件就可以使用 "log" 方法来输出日志信息。