对jeecg-boot项目的前端可复用功能的分析（关键依赖于vue的mixin)

• 将可复用功能提取，用到vue的mixin技能；

 上图为jeecg中定义可复用功能的mixin.js，关键步骤如图圈中点：引入vue,export暴露对象，定义所需的data数据、钩子函数、methods方法。

下面是在目标组件中的使用：

在使用jeecg时发现一个规律，也是mixin混入的特殊点：当某个组件中存在与mixin对象相同的选项的时候，组件的选项会覆盖mixin的选项 ，执行组件的内容。特别的是，以上面的loadData()加载列表数据函数为例，我在组件中单独定义一个函数，手动调用list接口获取数据，并在组件的钩子函数里调用该初始化列表函数时，优先执行了mixin.js里的钩子函数调用的loadData(),然后才执行组件里的钩子函数触发了组件中定义的初始化函数，所以，如果组件和mixin中相同选项为生命周期钩子的时候，会合并成一个数组，先执行mixin的钩子，再执行组件的钩子。