使用过 JavaScript框架（如 AngularJS, Backbone）的人都很熟悉在UI（用户界面，前端）中mvc的工作机理。这些框架实现了MVC，使得在一个单页面中实现根据需要变化视图时更加轻松，而数据-视图-控制器（mvc）的核心概念就是：处理传入请求的控制器、显示信息的http://06640.cn/视图、表示业务规则和数据访问的模型。

因此，当需要创建这样一个需要在单个页面中实现切换出不同内容的应用时，我们通常选择使用上述框架之一。但是,如果我们仅仅需要一个在一个url中实现视图切换的框架,而不需要额外捆绑的功能的话，就不必使用象Angular和backbone等http://06640.cn/复杂的框架。本文就是尝试使用简单、有效方法来解决同样的问题。

这种mvc的开发模式对于数据和表现分离来说，显得更加稳定和可靠。

传统的代码

但是通过这种mvc的框架我们可以修改为

大家可以发现传统的书写方式，我们是没法去动态修改div中的内容，这里我估计认为它是混入式写法，

但是mvc的写法，我们如果需要去修改{

{hello}}这个数据，把它改成“你们真的好帅”，是不是只许要在js中将hello的属性值改掉就ok了。

那么这种分离式开发，我们暂时叫表现和数据分离。