(转)Vue全家桶实践项目总结

http://refined-x.com/2017/06/13/Vue%E5%85%A8%E5%AE%B6%E6%A1%B6%E5%AE%9E%E8%B7%B5%E9%A1%B9%E7%9B%AE%E6%80%BB%E7%BB%93/

引用

重构期间很大一部分工作就是建立Vue实例，将散布在js各个角落的数据收集到data中去，将操作数据的过程一点一点的集中到methods中去，将数据的筛选过程集中到computed中去，这整个过程可以清晰的回顾每一个实现细节

引用

Vuex的概念凭空理解有点抽象，一旦用上却觉得的得心应手，而且这个东西不像路由，几乎不需要区分场景都可以用，引入Vuex后数据污染的问题自然就解决了，而且Vuex带来的 action => mutation => store 流程一旦接受了真的会让事情变简单，引入Vuex的过程基本就是将data转移到store，将数据操作分散到actions,getters,mutations中去，同时很多同步数据操作都不需要了，从而使代码量又减少了一些。

引用

之后开始引入路由，一开始拿不准应该怎么划分视图，大的视图肯定是登录、注册、主界面，问题是主界面需不需要再细分，理论上可以分的很细，但结合应用实际使用场景发现，界面的切换相对频繁，组件频繁载入和卸载的开销会很大，而且将耦合紧密的组件拆到不同的视图，需要记录很多状态信息，有点得不偿失，最终作罢，没有将主视图继续分下去。考虑到三个视图的访问重叠性不高，自然就需要将组件做成异步加载，只在访问到的时候才加载组件，Vue自身支持异步组件，所以这件事变得非常简单，只要能返回一个Promise，你可以使用任意方式获取组件。