项目中存在问题的4条建议（痛点）

之前提了几条关于项目中存在问题的建议，但是很多必要性没那么大，是那种用了更好，不用也没很大差别的不痛不痒建议。这次提几条更加具体，更加“痛”的，已经导致了项目腐烂的问题。

1. data分层次

先列几个项目中组件的data option

能看出有什么问题么，如果看不出来，说明你写的代码也是有问题的。

这里明显data没有任何层次可言，只有一层。而实际上数据是有层次关系的，这样全部存放到一起除了会让整体结构不清晰以外，还会使得命名更加困难，更容易冲突等。

下面是我之前写的一个组件的option，分了两层，ui显示的需要的资源，还有树的状态，各自用一个顶层属性，这样比全放在顶层清晰很多。

2. 用map来简化if else

我看到代码中有很多的很是不优雅的if else，比如

这样的代码可以用对象或者map来简化：

这样会紧凑和清晰很多。

3. 如果单文件组件太大，css可以分离出去

我看到有的组件代码行数特别多，有1400多行，其中css占据了400多行。我们写单文件组件是为了更方便的统一维护，如果css代码过多明显会导致维护js代码更加麻烦，而css往往是独立的，与逻辑无关的，这时候会显得特别的多余。

我觉得如果css代码特别多，分出去维护更好一些，像这样：

4. 代码规范

项目中的代码都是很随意的，console.log也好，缩进空格也好，都很随意，准备引入eslint，但是怕改动的地方太多。这是一个根深蒂固的问题，已经腐烂到了骨头里，想改掉需要决心。

总结

我之前提过8条建议，但大多是不痛不痒的，这次的4条直指问题所在，切实易执行，更加的“痛”，也更有必要去改。

之前的8条建议： https://www.jianshu.com/p/b32da994f4ca