问:vue混入mixins了解过没有?如何使用?
七娃博客
203人阅读
vue混入mixins是将组件公共的逻辑和配置数据提取出来,便于多组件共同使用。
混入对象也可以有data,computed,methods,mounted等方法。
混入对象可以全局引入也可以局部按需引入,建议按需引入。
1.创建混入对象
export const mixinHello = { created() { this.hello(); }, methods: { hello() { console.log('Hello'); } } };
2.局部引入:
import {myMixin} from './../assets/js/mixin'; export default { mixins:[myMixin], ...
优点:各个混入对象都是一个new实例,相对独立。
缺点:混入后,会将组件和混入对象的数据和方法合并,变量和方法重复导致污染,不方便找的问题。
主题开源不易,支持一下作者吧!
使用支付宝打赏
使用微信打赏
评论 | 0 条评论
登录之后才可留言,前往登录