vue的 Mixins (混入)

<template>
  <div>
    <div>{{val}}</div>
    <el-button type="success" @click="getClick">点击</el-button>
  </div>
</template>
<script>
import mixins from ‘@/mixins/mixins‘
export default {
  mixins:[mixins],
  data(){
    return {
      val:‘组件中的data值优先‘
    }
  },
  created(){
    console.log(‘组件里的created后执行‘);

    console.log(this.val);
  },
  methods:{
    getClick(){
      console.log(‘方法组件‘)
    }
  }
}
</script>

mixins文件


export default {
  data() {
    return{
      val:‘mixins值‘
    }
  },
  components:{
  },
  created(){
    console.log(‘mixins中的created先执行‘)

    console.log(this.val)
  },
  methods:{
    getClick(){
      console.log(‘方法mixins优先点击成功‘)
    }
  }
}