vue3 组件规划方案

模板

1. 可以复用。
2. 模板通常伴随着业务。如果当前页面代码量过多，出现巨型组件。最好按块去拆下。目的是减少当前组件的代码行数，但是作为代价，需要多次设计组件的通信和多出 props（不提 emit 时间，是因为 props和 emit 是对等的。可以:on-click 传递一个回调函数，跟 react 那样，在子组件里调用父组件传进来的回调函数）

业务逻辑

业务逻辑可以借用 setup，将逻辑进行组合。把单独的逻辑放进单独的文件里

组成逻辑的各个功能

1. 功能可以在上一步的业务逻辑文件里去实现
2. 对于可复用的逻辑，封装成 hooks。hooks 应该是与 props，业务两者无任何耦合的。换句话说，应该是个纯函数