基于组件拆分:
优点:组件增加复用,增加可维护性
拆分:.vue = HTML + JS + CSS
问题:一旦组件从一个变成了多个,必定形成嵌套关系,从而增加通信成本
基于逻辑拆分:
优点:逻辑的复用,增加可维护性
拆分:拆分的只有js
问题:对原生js函数的理解要求高了
基于逻辑的通用拆分思想:
1、找到组件中属于同一个业务逻辑的所有代码(响应式数据 + 修改数据的方法)
2、定义一个以
use
打头的方法,把第一步所有的业务逻辑代码都放入3、在use函数内部,把组件中要用到的数据或者方法以对象的方式导出
4、在组件的setup语法糖中,通过调用函数配合解构赋值把函数内部的数据和方法在组件中可用