vue混入的理解

1、意义：复用或继承组件

案例：

read.js文件

export const mixin = {
  data() {
    return {
      msg: "我是张三",
      text: "他是谁",
    };
  },
  methods: {
    mixinTest() {
      console.log(this.text + this.msg);
    },
  },
};

需要用的文件

import {mixin} from '../../layout/mixin/read'
export default {
    mixins: [mixin],
  data() {
    return {};
  },
  mounted(){
    this.mixinTest()
  },
  methods: {},
};