使用vue项目组件思想小结

全篇围绕 组件思想

Vue 的特点就在于交互方面，讲大的内容 拆解为一个个小的组件，聚焦于每个组件的通信。来达到数据层面的传递交互。

列表页面

正常情况页面分为上下俩部分： 上方为查询条件 组件，下方为数据结果展示 组件 。
切换页面：加上一些导航按钮就是 新增/查看/编辑

新增/查看/编辑

对于不复杂的页面，可以使用dialog 弹出框的形式表示内容。
对于复杂的页面，就用一个 单独组件来承载内容，在用弹出框呈现组件或直接作为兄弟元素呈现

功能组件

共用思想是重要的一环，很多页面的表现形式中会存在相同功能组件，比如输入框、下拉、自动补全、文本编辑器组件，这些功能组件单独篇章进行记录。

组装组件/组件通信

最底层的页面元素的 组件构建好之后，需要 第一步组装起来 形成一个完整页面，第二步就是 数据流转打通，也就是将 与数据层面的交互在组件之间进行通信传递

组装就是看是以什么表现手法，是放在弹窗里，用按钮来激发，还是直接通过条件判断来激发不同的组件表现。

组件通信也会单独篇章记录。

文件结构在开发前有一个梳理对于开发维护也是很重要的，条理清晰，数据流转梳理。对于整体开发会起到事半功倍的效果。