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

Posted

技术标签:

【中文标题】Vue.js Import mixin 不会在应用程序中导入【英文标题】:Vue.js Import mixin does not import in app 【发布时间】: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 () 
    
    
);

【问题讨论】:

【参考方案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 ()  
    
);

【讨论】:

以上是关于Vue.js Import mixin 不会在应用程序中导入的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js / Mixins - 有没有办法在 vue 组件之外获取全局 mixin-object?

Vue.js:在 vue.router 路由中使用 mixin 函数

Vue Js:在本地使用导入插件 mixin

Sass 不会将 mixins 和变量编译成 css

使用 vue.js 路由和 mixin 的问题

有没有更好的方法或在 vue.js 中导入 mixins