Vue中视图层代码，有哪些具体建议可以详细探讨？

本文共计2610个文字，预计阅读时间需要11分钟。

一. 框架定位框架通常是一种设计模式的实现，它并不意味着你可以在开发中避免所有分层设计工作。SPA框架几乎都是基于MVC或MVVM等设计模式构建的，这些模式都是宏观层面的概念。

一.框架的定位

框架通常只是一种设计模式的实现，它并不意味着你可以在开发中避免所有分层设计工作。

SPA 框架几乎都是基于MVC 或MVVM 设计模式而建立起来的，这些模式都只是宏观的分层设计，当代码量开始随着项目增大而增多时，问题就会越来越多。许多企业内部的项目仍然在使用 angularjs1.X ，你会发现许多controller 的体积大到令人发指，稍有经验的团队会利用好angularjs1 构建的controller ,service ,filter 以及路由和消息机制来完成基本的拆分和解耦，这已经能让他们的开发能力中等体量的项目，往往只有掌握了angularjs1 玩法精髓——directive 的队伍，才能够在应付大型项目时使代码保持足够的清晰度，当然这只是在代码形态和模块划分上的工作，相当于代码的骨骼，想要让业务逻辑本身更加清晰，就需要更高级的建模设计知识来对业务逻辑进行分层，例如领域驱动模型 。如果你仍然在使用angularjs1.x 的版本进行开发，可以参考进行基本的分层拆分设计。

有趣的是一些团队认为无法承载大型项目是angularjs1.x 的原罪，与他们的开发水平无关，于是将希望寄托于拥有自动化工具加持的现代化SPA 框架，然而如果有机会观察你就会发现，许多项目对新框架的使用方式和之前并没有本质的差别，只不过是把以前臃肿到不行的代码又换了一种形式塞进了前端工程里，然后借着ES6 语法和新型框架本身的简洁性，开始沾沾自喜地认为这是自己重构的功劳。