VueJS:将mixin应用于异步组件
VueJS:将mixin应用于异步组件
提问于 2017-07-20 13:38:41
我正在使用Webpack 2并通过特殊的require语法导入组件。
有100多个组件，但一次只使用5-10个.它们中的大多数(但不是所有的)都有相同的功能，比如道具和生命周期挂钩。
这是代码：
// app.js
...
Vue.component("foo", resolve => {
require(['./components/foo.vue'], resolve);
});
...我想将mixin应用于异步组件，但是如何做到这一点呢？Global mixin应用于所有组件，但这不是我所需要的。
我找到了那个特征请求，但它关闭了。
回答 1
Stack Overflow用户
发布于 2017-07-20 13:38:41
我发现一些令人毛骨悚然(？)解决方案，但是它可以工作
// mixins.js
export default class Mixins {
static fooMixin() {
return {
created: function () {
console.log('mixin hook called');
}
}
}
}
// app.js
Vue.component("foo", resolve => {
require(['./components/foo.vue'], resolve);
});
// foo.vue
<script>
import Mixins from "mixins";
export default {
...
mixins: [Mixins.fooMixin()]
}
</script>但我希望有一个更优雅的解决方案。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45216443
复制相关文章
相似问题
腾讯云开发者
