Vue.js Import mixin 不会在应用程序中导入

【问题标题】：Vue.js Import mixin does not import in appVue.js Import mixin 不会在应用程序中导入
【发布时间】：2021-05-12 18:31:38
【问题描述】：

请求的模块“./clienteMixin.js”没有提供名为“default”的导出

混音

export const myMixin = {
    data() {
        return {
            loading: false,
        }
    }
}

Vue 应用程序

import myMixin from './clienteMixin.js'

var app = new Vue({
    delimiters: ['[[', ']]'],
    el: '#app',
    components:{},
    mixins: [myMixin],
    data() {
        return {
            
        }
    },
    methods: {
    
    },
    mounted () {
    
    }
});

【问题讨论】：

标签： javascript vue.js vuejs2 vue-component vue-mixin

【解决方案1】：

首先将您的导出更改为使用default 导出：

export default {
  data() {
    return {
      loading: false,
    }
  },
}

这将解决导入问题。如果你希望你的 mixin 是 global mixin，请使用 Vue.mixin：

import myMixin from './clienteMixin.js'

Vue.mixin(myMixin);

const app = new Vue({
    delimiters: ['[[', ']]'],
    el: '#app',
    components:{},
    data() {
      return {
      }
    },
    methods: {
    },
    mounted () { 
    }
});

【讨论】：