VUE 老项目改造，常用方法说明

vue 相较 上一代web框架JQ有更优秀的开发理念，更快的开发速度（这里可能有些低版本浏览器兼容问题）

可由于历史遗留问题，很难使用vue的全部生态来开发 比如脚手架，

比如我们公司在组织架构上，前端的设计 html css的编写是由一个部门完成的

动态渲染是由另一个部门完成的

导致一个问题，在后端迭代新技术的时候无法要求人家去迭代，所以我们公司还在使用 freemarker 和JSP等相关技术

搞过JAVA开发的都知道 这俩技术有点坑，
（比如 在做一些AJXA渲染移动端上拉加载更多等操作的时候，要同时维护 freemarker和JQ两种代码，冗余不说BUG也不好处理 ）

由于公司结构的问题，又很难推进VUE的全部生态，使用脚手架前后端分离开发

如何解决呢，如何提高开发速度了，如何提高效率不加班呢（PS：不加班是我的最终目的~~）

我们可以不使用脚手架，直接进行页面JS的编写，对公共组件进行抽离（这个问题会放在下一次来说）

写了一些了，目前效果不错最起码BUG少了，也不怎么加班了，还有时间学习新东西了，好了先看代码

<script type="text/javascript">
//开发完毕重构抽到单门的JS中并压缩处理
var indexApp = new Vue({
    el: '#indexApp', //@1 标记符详情见下
    data: {