这里只做一个大概的流程讲解。前期在哪些方面需要做到预留等等。
第一步,了解你的项目有几大模块,有哪些公共数据。这将关乎到你如何编写你的vuex。例如下面的图
就可以分成四个module模块。然后再在这四个模块里面按需分别的小模块。不懂的可以去看vuex文档,然后各种试,跟着文档或百度或自己想当然的尝试各种调用都行。重点是一定要和后端以及产品经理对接,最好把他们拉一起,从进来到退出所有东西走几遍,了解哪些是公共数据,哪些是模板数据,做到心里有数,这样在布局整个产品或设计路由时就会很清晰。而且如果项目偏中大,就一定分模块,不然后期维护或是改需求能烦死你。
第二步就是路由了,这也简单,分为公共路由拦截,例如进某个页面以及他的子页面都有进行是否登录的路由拦截,没有直接弹出。第二个是独立路由拦截,(也可以使用 if else 来实现),顾名思义,只作用某一个路由。
第三步,了解哪些依赖需要打包线上的,和不需要打包线上的,我们开发项目是 本地,测试,线上,三套代码。然后就是根据项目要求来设置懒加载路由,和懒加载组件,这很简单。
第四步,那就是优化代码,那太多了,基本就是压缩以及去掉无用的和利用缓存。百度多的是。
貌似没有干货啊,算了,反正就是这套流程,还有,沟通很重要,最后每次下班前都和组员们沟通一下,防止他没理会你的意思,做出了别的东西。