爲什麼我的Riot JS更新不起作用？

所以我正在學習Riot JS，遵循指南。給出一個逐步解釋的例子。並添加一個「this.update（）」來更新暴亂js變量。現在，它爲他工作，但不適合我。你們能告訴我爲什麼嗎？爲什麼我的Riot JS更新不起作用？

這是代碼。

這是index.html的

<body> 
    <script src="bower_components/riot/riot.min.js" type="text/javascript"></script> 
    <script src="tags/all.js" type="text/javascript"></script> 

    <contact-list></contact-list> 

    <script> 

     riot.mount('contact-list', {callback: tagCallback});   

     function tagCallback(theTag) { 
      console.log('callback executed'); 
      var request = new XMLHttpRequest(); 
      request.open('GET', 'people.json', true); 
      request.onload = function() { 
       if(request.status == 200) { 
        var data = JSON.parse(request.responseText); 
        console.log(data); 
        theTag.trigger('data_loaded', data); 
       } 
      } 

      setTimeout(function() { 
       request.send(); 
      },2000); 

     } 
    </script> 
</body>

這是我接觸list.tag

<contact-list> 
    <h1>Contacts</h1> 
    <ul> 
     <li each={p in opts.people}>{p.first} {p.last}</li> 
    </ul> 


    <script> 
     this.on('mount', function() { 
      console.log('Riot mount event fired'); 
      opts.callback(this); 
     }) 

     this.on('data_loaded', function(peeps) { 
      console.log(peeps); 
      opts.people = peeps; 
      this.update(); 
     }) 

    </script> 
</contact-list>

與console.logs調試後，我可以看見我正確地檢索數據我的JSON文件，我的聯繫人列表數據在那裏。但子彈列表不會更新。它顯示爲空。

來源

2016-03-03 msqar