vue/temeplate满屏v-if该如何优化?

Question

其实没啥大问题,只是想问下大佬们如何组织代码?
就是增删改查都在同一个页面,整体逻辑差不多,,就是一些条件单独控制 所以出现十分多v-if

Answer 1

参考：
如果是文字展示，推荐直接在js处理好，直接使用一个字段。
如果是单独的组件，直接抽离。

Answer 2

我也经常做这种处理，平时不太管，但是有时候变化特别多的时候，我会把展示的元素整理成相对应的json，在同一个页面，导入json的数据，用js里面判断当前条件应该显示json里面的哪部分数据...这样代码也清晰一点，而且需求变更的时候直接变json里面的字段，比较简单。

Answer 3

把多个v-if换成v-else-if ？
个人觉得v-if多，逻辑清楚的可以拆成组件
不清楚的就理清楚....
把展示的页面分成几种情况 所有的v-if都用同一个变量控制
同一个变量的可以放到一个组件中
页面中可能还有不相关的逻辑 把不想关的逻辑再搞成组件。
我也不知道这样做对不对 维护起来比较方便 但是别人接手的话可能要完整的看完这个页面的所有组件了。