Vue的混入mixin

混入是可以实现组件内多方法数据的共享复用

1.怎么使用mixin

{{msg}}

<script>
  var mixin = {
    data() {
      return {
        msg: "我是混入的数据"
      }
    },
    creatre: function() {
    }
  }
  export default {
    name: 'app_download',
    mixins: [mixin],
    data() {
      return {
      }
    },
    methods: {},
    created() {},
    mounted() {},
  }
</script>

可以看到我们调用能获取到mixin的数据了是不是很神奇，那么问题来了，如果我们混入的数据方法和本身组件的冲突了到底会发生什么

结果显而易见,混入的优点可以实现不同组件的数据区分和共用方法，但是不好的是如果操作方法过多容易命名冲突或者造成方法多次执行等