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>

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