vue学习笔记—可复用技术

可复用组件可以在一个应用中多次使用，了解一下vue中的可复用组件。

一、混入（mixin）

混入，分发Vue组件中的可复用功能，一个复用对象可以包含任意组件选项，以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。

首先了解一下混入规则：

1.数据模型中的数据，会进行递归合并，出现同名属性，以组件中的数据为准

2.同名的构造函数会合并成数组，其中的函数都会调用，混入的钩子执行在前，组件的钩子执行在后

3.内部对象的合并，类似于components、methods回合并为一个对象，发生冲突时，以组件中的为准

混入需要进行对象的声明以及注册的

声明一个混入对象的语法：

    let mixin = {
      data() {//数据
        return {}
        }
      },
      methods: {//方法
        myFun() {}
      },
      //钩子函数
      created() {}
      }

选项合并：

这里要注意的是当声明的混入对象中的数据冲突时，以组件的数据优先，当混入对象中的方法在组件中没有就会被合并到组件中的methods中的键值对中，若组件中有相同的方法，则以组件为主。

 同名钩子函数将会合并为一个数组，因此都会被调用，此外，混入对象的钩子函数将在组件自身钩子函数之前调用。

mixin混入方式：

全局混入（即混入对象进行全局注册&