avalon组件随VM变化失败

Question

//组件
avalon.component('menu',{
template:' <div><a :for="el in @rows"> a  </a></div>',
defaults: { 
}
}

//页面
<xmp :widget="[{is:'menu'},@dep]"></xmp>
{{@dep.rows}}


//VM
var at=avalon.define({
    $id:test,
    dep:{rows:[1]}
})

//改变VM
setTimeout(function(){
    at.dep={rows:[1,2]}
},2000)
  setTimeout(function(){
    at.dep={rows:[1,2,3]}
},4000)

情况：开始 

2秒后

4秒后

为什么VM变了 组件不跟着变啊啊啊啊啊啊~好伤心啊，换了各种姿势，发现组件怎么只能变换一次呢，

按大神的写法 改成

  <xmp :widget="{is:'menu_ul_li_a',dep:@dep}"></xmp>

之后，VM在，但是组件不显示了，无报错

给组件既定一个

defaults: {
    rows:[1],
},

发现是vm没有绑定到组件上？

Answer 1

<xmp :widget="{is:'menu',dep:@dep}"></xmp>

改成这样试试