- 将可复用功能提取,用到vue的mixin技能;
上图为jeecg中定义可复用功能的mixin.js,关键步骤如图圈中点:引入vue,export暴露对象,定义所需的data数据、钩子函数、methods方法。
下面是在目标组件中的使用:
在使用jeecg时发现一个规律,也是mixin混入的特殊点:当某个组件中存在与mixin
对象相同的选项的时候,组件的选项会覆盖mixin
的选项 ,执行组件的内容。特别的是,以上面的loadData()加载列表数据函数为例,我在组件中单独定义一个函数,手动调用list接口获取数据,并在组件的钩子函数里调用该初始化列表函数时,优先执行了mixin.js里的钩子函数调用的loadData(),然后才执行组件里的钩子函数触发了组件中定义的初始化函数,所以,