vue用了半年多了，一路踩坑过来，也算是收获不少。不错呢，踩坑的文章很多，我就不写了，主要来写一写怎么去优化vue项目
注意 : 适用于vue-cli 初始化、 webpack 打包的单页应用。
组件化
组件化(也叫模块化)是前端的一个新的趋势，vue的核心之一 也是组件化。
项目里公共的地方都要组件化出来，少写很多代码(弹窗，表格，提示等等)。
路由管理
路由也是vue的重点，主要是涉及到参数传递，一般用这两种，params和query。所有传参的方法都应该统一起来（params,query二者择其一），我们用的是params，不同点:1.params不会显示在网页链接上，2.传的参数不同（我感觉这不是重点），重点是而query会显示在网页链接上。params不会，所以保密性好一些，也不会导致一连串的字符（如果传一个对象用query，看着就不舒服）
整体风格统一
这个一句话差不多了，按钮，字体，大的容器，表格啥的，具体看需求，可以写成一个公用的css，页面调用就好了，爽歪歪
api（接口请求）分离
这个是很有必要的，得益于老大的英明指导(拍个马屁先)
之前一直写在业务处理文件里面，很多请求，看着也挺杂乱。
后面封装了一个axios请求（也可以叫方法吧），然后建立了一个独立的api文件，每个方法export一下（在方法前面加一个export），然后每个页面都可以用了，美美哒。节省了大量代码。
后面觉得一个项目一个api文件还是不行，模块多，接口多，所以杂乱了。再一次在老大的英明领导下（日常拍马屁），把每个模块都分开了，一个模块一个api文件，维护起来很方便，对于不同模块调取相同的接口会有一个公共的api
这里结构贴出来吧，仅供参考，讲道理postRequest()这个方法，参数还需要要传一个失败的回调函数。
下面是定义方法 某个业务，有没有发现注释也相当规范？这也是领导的严格要求，方便维护(手动滑鸡)
调用
引入之后调用，直接方法名就好了，参数可以不传，具体看后台需求。
v-if和v-show用哪个的问题，两句话总结
1.权限判断用v-if(减少了dom，加快渲染嘛)，
2.需要频频切换的用v-show(开关，容器切换)
注意:无论是v-if还是v-show，在template里都不要把逻辑写太复杂，不好维护的啦，比如（v-if="a==1&&b!=2||c==3&&(d||e)"）,这种可能写的时候舒服，维护起来就麻烦，那怎么处理呢
可以用methods方法或者computed计算属性先处理嘛，简洁明了
各文件分离的问题
vue的文件是由<template>,<style>,<script>三个部分组成的。当业务比较复杂时，页面也是很复杂的，改起来都够呛。也查了大量相关资料 没有说不能分离的 所以目前我采取的是，简单页面不分离(业务简单，功能不多没必要分开，分开的话页面加载的时候会多一些请求数，影响加载时间)，带有复杂逻辑和业务的分离。引入的话用<style>,<script>标签就好。
这里顺便推荐一个高质量的java公众号，赶紧关注领取免费资料吧！
