组件中，使用vue-resource获取到数据后怎么赋给到data中的数据，响应式地更改视图？

Question

直接上代码

<script type="text/javascript">
import Vue from 'vue';
import VueResource from 'vue-resource';
Vue.use(VueResource);
  export default {
    data(){
      return {
        newslist:[]
      }
    },
    created (){
      this.$emit('viewIn',"购彩资讯");
      this.$http.get('http://apis.baidu.com/txapi/tiyu/tiyu',{
        params:{
          num:10,
        }
      })
      .then(
        function(response){
          console.log(response.body.newslist);//这里的数据没错
          this.$set(this.newslist,response.body.newslist);
          console.log(this.newslist);//这里还是undefined
        },
        function(response){
          console.log("error")
        }
      )
    }
  }
</script>

$set貌似不起作用，还是我的用法错了？

Answer 1

this.$set(this, 'newslist', response.body.newslist)
this.newslist = response.body.newslist

---

http://cn.vuejs.org/api/#vm-set