vue中mixins的使用方法

vue中的解释语言枯燥所以我们跳过，直接用一个简单的例子进行演示

1，先定义一个混入对象

 2，把混入对象引用到当前的组件中

3，组件1中的参数num进行+1的操作 

4，组件2中的参数num未进行操作 

5，分别打印组件1中的值和组件2中的值

大家可以看到，我在组件1里改变了num里面的值，组件2中的num值还是混入对象里的初始值Mixins：可以定义共用的变量，在每个组件中使用，引入组件中之后，各个变量是相互独立的，值的修改在组件中不会相互影响。

6，如methods,components等，选项会被合并，冲突的组件会覆盖混入对象的方法

混入对象中的方法：

 组件中的方法：

 打印台的输出：

 7，值为函数的选项，如created,mounted等，就会被合并调用，混合对象里的钩子函数在组件里的钩子函数之前调用

混入对象函数中的console：

组件函数中的console：

 打印台的打印：

Mixins：引入组件之后与组件中的对象和方法进行合并，相当于扩展了父组件的对象与方法，可以理解为形成了一个新的组件