vue项目拆分组件思想对比

基于组件拆分：

        优点：组件增加复用，增加可维护性

        拆分：.vue = HTML + JS + CSS       

        问题：一旦组件从一个变成了多个，必定形成嵌套关系，从而增加通信成本 

基于逻辑拆分： 

        优点：逻辑的复用，增加可维护性

        拆分：拆分的只有js

        问题：对原生js函数的理解要求高了

基于逻辑的通用拆分思想： 

        1、找到组件中属于同一个业务逻辑的所有代码（响应式数据 + 修改数据的方法）

        2、定义一个以 use 打头的方法，把第一步所有的业务逻辑代码都放入

        3、在use函数内部，把组件中要用到的数据或者方法以对象的方式导出

        4、在组件的setup语法糖中，通过调用函数配合解构赋值把函数内部的数据和方法在组件中可用