使用组合式函数来拆分setup逻辑
参考文章
- 基于组件拆分(vue2常用)
a. 解决什么问题:复用 + 增加可维护性
b. 拆分的是什么:.vue = HTML + JS + CSS
c. 带来问题:一旦组件从一个变成了多个 必定形成嵌套关系 增加通信成本 - 基于逻辑拆分(vue3)
a. 解决什么问题:复用(逻辑) + 增加可维护性
b. 拆分的是什么: 拆分的只有js
c. 带来的问题:对原生js函数的理解要求高了 - 基于逻辑的通用拆分思想
a. 找到组件中属于同一个业务逻辑的所有代码(响应式数据 + 修改数据的方法)
b. 定义一个以 use 打头的方法,把第一步所有的业务逻辑代码都放入
c. 在use函数内部,把组件中要用到的数据或者方法以对象的方式导出
d. 在组件的setup语法糖中,通过调用函数配合解构赋值把函数内部的数据和方法在组件中可用
接入微前端(将多个项目整合到一个项目里面(可以是不同技术栈开发的项目))
点击前往