小白用vue写项目的心路历程，组件划分篇

同学们大家好，我又来跟大家分享我踩的各种坑了，我在写一个功能的时候，也是我写的第一个功能的时候，先是把在网上找的框架转换成组件，转成组件的时候不知道最外层只能有一个盒子来包裹组件，然后就不停报错，红色波浪线一大片，这个就不多说了，毕竟没有一点技术含量，然后把各个组件划分完了，开始按框架的结构进行拼接，接下来开始写功能了，这个功能包含两个模态框，完全一样的，但是显示的内容不一样，是不是觉得可以用一个模态框啊，那样多省事啊，没错我一开始也是这样想的，我的天哪，在store中（vuex）的一个api用来处理组件之间的传值，我在store中写了一个开关，然后写了一个mutation来设置这个开关，每次点击模态框的启动按钮都要请求一次这个开关，性能的开销就不多说了，都是泪（当然了肉眼根本感觉不到），这只是我的组件化的第一步，接下来我的模态框的组件化才叫一个傻；因为模态框里的数据都是需要发送给后端的，所以需要放在一个对象里，然后我在设计这个模态框的时候毫无例外我又写了几个下拉框的组件，神奇吧，当时就是一根筋，就想模块化，后期好维护，但是这就进入一个误区，后期维护看到我的这些组件只能知道我这个组件是啥，但是分成不同组建后我的代码逻辑就变得复杂了很多，从软件的维护上来讲这波血亏，然后来干货了。
重头戏来了，给大家分享一个小技巧，再写一个项目的一个功能的时候，先别着急写，**先打开画图板，把思路画出来，**考虑清楚了再动手，因为如果上来就写，很少有人能一次就写的完美，返工的话会花费更多的时间，就像花时间封装一个方法，后边调用方法的时候节约时间一样，先把思路理清了，分析出最优选择，然后动手会事半功倍，我在写完这个功能后，后边的吸取了这个教训用写这个功能的时间写了五个功能；所以有一个好的规划是很重要的。