今天呢，就说一说mixins和组件，经常使用vue框架的朋友对这两个应该是不陌生的，他们两个的用法功能好像在项目中的所扮演的角色差不多。我们就带着这个疑问进行扒一扒吧

我们先从api文档中看一看官方是如何定义他们的。

mixins：混入，是一种分发Vue组件中可复用功能的非常灵活的方式，混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。

组件：是vue最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码，在较高层面上，组件是自定义的元素，vue的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展

在我的眼中呢，他们的区别是什么呢？

组件在引用之后，相当于在副组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，但本质上两者还是泾渭分明的，相对独立

而mixins则是在引入组件之后，将组件内部如data等方法，method等属性与父组件相应内容进行合并，相当于在引入后，副组件的各种属性方法被扩充了

组件之间是可以有通信的，而mixins比组件多了一个data的merge。两者使用的场景不同，具体的还要在不同的项目中进行决定使用mixins好还是组件合适

未完待续哦。。。