Ember.js 基本概念

EmberJS 基本概念

   EmberJS 中非常核心的理念是：URL 是WEB应用程序的核心，URL代表了一切，要完全讲清楚这个概念，需要例程来说明，暂且放过。

   EmberJS在设计时，借鉴了Cocoa and Smalltalk ，还有ruby/Rails

TEMPLATES（模板）

     EmberJS 采用 HandleBars 作为模板机制。模板定义了界面，模板必定和一个数据模型(model)联系，当model 变化，模板的内容也变化。

    模板的表达式（Expressions) , 表达式可以输出内容，双花括号为起始,例如{{name}}

    小部件(Outlets), 小部件是个占位符，可以插入其它模板的内容，总是写成{{outlet}} 

、元件(Components), 元件是自定义的HTML标签，与W3C 正在定义的Custom Element 概念对应

 

ROUTER(路由器)

    路由器把URL 对应到模板，因为模板必定与一个数据相连，所以找到模板，也就找到了数据。浏览器的地址栏的显示，会随着模板和数据变化。比如，有一个人员列表，URL是http://xxx/persons, 点击某个人（该人的ID为12），进入编辑，那么URL可能就显示成  http://xxx/persons#edit/12

 

MODELS(数据模型）

    model  是存储了数据的对象。由模板负责展示。EmberJS 解藕了数据模型与存储方式，数据存储可以通过 HTTP,也可以通过静态数据，也可以通过LocalStorage。这点，很赞。

ROUTE（路由）

    路由负责告诉模板，该显示什么数据。

 

CONTROLLERS（控制器）

    控制器存储了应用（application)的状态(state),每个模板除了向模型取数据外，也可以向控制器取数据。