vue mixin（混入）

目的

增强组件功能的可复用性，一个混入对象可以包含任意组件选项

<template>
  <div class="box">
    mixin测试
  </div>
</template>

<script>
const testMixin = {
  methods: {
    demo() {
      console.log(222222);
    },
  },
};

export default {
  data() {
    return {};
  },
  mixins: [testMixin],
  created() {
    this.demo(); // 222222
  },
  methods: {},
};
</script>

<style lang="less">
  .box {
    font-size: 16px;
  }
</style>