Vue功能臃肿后进行分离

当使用Vue开发时，会因为只写method在同一个方法中，造成页面达到上千行，翻页都翻得人头疼！！！

还有就是一个方法写在了多个地方，造成阅读障碍。例如：

今天开发就遇到了这个问题。哭死。下午果断决定，分离！即使不能及时完成也必须分离！其实主要是因为有俩个功能还是其他地方会用到的。

 

所用环境

IDEA2018.2.2，Chrome72，jdk1.8

 

开始操作

<script src="js/web/_buyPort.js?_${date.systemTime}"></script>
<script src="js/web/_common_port.js?_${date.systemTime}"></script>

单独分离一个页面，script 标签导入放在vue所在页面的后边！！！这个最主要。

 

所用到的词汇