Verticalbar.js 竖形工具条 返回首页

简述：
示例： 
    var bar = $vbar.create({
        target: '#dropmenu-area',
        width: 120,height:30
    });
    bar.add(数据源);
属性:

下表中，“可监听”的属性，可以通过watch()增加监听方法，类似Vue；“双向绑定”的意思是属性更改后，直接影响窗体样式。

属性 说明 可监听 双向绑定
target 对象所在的html位置 √
width 根菜单项的宽度，是单个宽度，控件的宽度=根菜单项数量*宽度 √ √
height 菜单项的高度，每一项的高度 √ √
bind 是否对数据源双向绑定 √ √
方法：

下表只列出了常用公共方法，更多方法请参看源码。

方法 说明 参数
add() 添加树形数据，当属于bind为true时，数据源变动会直接影响界面 示例：{title:'',url:''}
getData() 通过id获取数据项 树形节点的id
事件：

事件支持多播，即同一个事件可以添加多个方法。事件返回值仅限bool型，虽然可以返回其它类型或不返回，但最终都会转为bool型返回值。

当同一个事件中的多个方法，任一个返回false，则不再继续执行后续事件方法。如果不返回，默认是true。

事件 说明 参数sender 参数e
data 当数据源变更时触发 同上 e.event：事件名称
e.action：动作，默认与e.event同值
e.target：响应事件的html元素，此处为窗体的html
e.data：数据源
click 节点点击   e.data，当前节点数据项