我是靠谱客的博主 危机咖啡豆,最近开发中收集的这篇文章主要介绍【Vue面试】Mixin混入的理解,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

什么是Mixin?

将组件的公共逻辑或者配置提取出来,哪个组件需要用到时,直接将提取的这部分混入到组件内部即可。这样既可以减少代码冗余度,也可以让后期维护起来更加容易。

Mixin和Vuex的区别?

上面一点说Mixin就是一个抽离公共部分的作用。在Vue中,Vuex状态管理似乎也是做的这一件事,它也是将组件之间可能共享的数据抽离出来。两者看似一样,实则还是有细微的区别,区别如下:

  • Vuex公共状态管理,如果在一个组件中更改了Vuex中的某个数据,那么其它所有引用了Vuex中该数据的组件也会跟着变化。
  • Mixin中的数据和方法都是独立的,组件之间使用后是互相不影响的。

mixin的优缺点?

特点:

  1. 组件调用了混入的对象,故而混入的选项会合并到当前组件中去
  2. 当混入的对象和组件含有同名选项时,以组件数据优先
  3. 当多个组件引入混入方法时,其中一个组件里面改变了混入中的某个属性值或者方法内部的操作时,其他组件不会受影响

优点:

  • 提高代码复用性
  • 无需传递状态
  • 维护方便,只需要修改一个地方即可

缺点:

  • 命名冲突
  • 滥用的话后期很难维护
  • 不好追溯源,排查问题稍显麻烦
  • 不能轻易的重复代码

最后

以上就是危机咖啡豆为你收集整理的【Vue面试】Mixin混入的理解的全部内容,希望文章能够帮你解决【Vue面试】Mixin混入的理解所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部