mixin混入

export const mixin = {
  methods: {
    showName() {
      alert(this.name)
    }
  },
  mounted() {
    console.log('你好呀');
  },
}

export const mixin2 = {
  data() {
    return {
      x: 100
    }
  },
}

import {mixin,mixin2} from '../mixin.js'
export default {
  name:'School',
  //data中的数据如果组件有就用组件的
  // 生命周期都会执行
  // 可以把多个组件需要的配置成一个mixin对象
  data() {
    return {
      name:'刘刘刘',
      sex:'男',
      x:12 
    }
  },
  mixins:[mixin,mixin2],

}

import {mixin2} from './mixin.js'
Vue.use(mixin2)