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?