flex 数据绑定之理解

       之前写了《 flex 事件之理解》和《 flex meta tag 之理解》，本想是为写本文 flex 数据绑定之理解做铺垫的，谁知网上已有 flex 数据绑定之理解很好的文章，如下：
       http://www.cnblogs.com/nianshi/archive/2010/05/19/1739407.html ， FLEX 数据绑定 (1)
       http://www.cnblogs.com/nianshi/archive/2010/05/19/1739409.html ， FLEX 数据绑定 (2)
       http://www.cnblogs.com/nianshi/archive/2010/05/19/1739411.html ， FLEX 数据绑定 (3)
       因此，已无再详片大论 flex 绑定理解之需要，但是鉴于上述 3 篇文章稍显混论，看起来不是那么通俗易懂，为此，我简单的补充了一个 demo ，并且作简单归纳总结。
1、  flex 绑定通常有 3 中实现方式，即 FLEX 数据绑定 (1) 所述的 {} 绑定、 fx ： binding 和 as 代码实现 ( BindingUtils , ChangeWatcher );
2、  flex 绑定分单、双向绑定，默认情况下都是单向绑定；
3、  flex 绑定最常见的编写方式就是 [Bingable] 元标签及 {} 的引用；
4、  flex 绑定基于事件，只不过 [Bingable] 等同于 [Bindable(event="propertyChange")] 而已；
5、  flex 绑定可以基于简单的变量、也可基于复杂的对象、方法和事件；
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
下述为 flex 3 种绑定方式实现的一个简单 demo 。
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx=" http://ns.adobe.com/mxml/2009 "
              xmlns:s=" library://ns.adobe.com/flex/spark "
              xmlns:mx=" library://ns.adobe.com/flex/mx " minWidth=" 955 " minHeight=" 600 "
              creationComplete="initWatcher()" >
    <s:layout>
       <s:BasicLayout/>
&nb