image.png
    image.png
    运行效果：
    image.png
    可以看到以上Vip.vue和User.vue代码中都有相同的methods，这个代码可以复用吗？可以使用mixins配置进行混入。实现步骤：
    第一步：提取
    单独定义一个mixin.js（一般和main.js在同级目录），代码如下：
    image.png
    第二步：引入并使用
    image.png
    以上演示的是方法methods的混入，实际上混入时没有限制，之前所学的配置项都可以混入。
    混入时会产生冲突吗？已经有一个方法a了，如果再混入一个a方法会怎样？
    image.png
    image.png
    通过测试，如果冲突了，会执行组件自身的，不会执行混入的。（这是原则：混入的意思就是不破坏）
    但对于生命周期周期钩子函数来说，混入时，会采用叠加方式：
    image.png
    image.png
    执行结果：
    image.png
    通过测试得知：对于生命周期钩子函数来说，都有的话，采用叠加，先执行混入的，再执行自己的。
    以上的混入属于局部混入，只混入到指定的组件当中。
    全局混入：
    image.png
    执行结果：
    image.png
    一共四个组件，所以输入四次：mixin mounted