使用ajax获取到数据后不能把数据渲染到页面上

来源：6-5 使用 Mockjs 来模拟数据

mangolime

2017-03-28

<template>
  <div id="app">
    <router-view></router-view>
    <ul>
      <li v-for="subject in movieData.subjects">{{ subject.title }}</li>
    </ul>
  </div>
</template>

<script>
import $ from 'jquery'
export default {
  name: 'app',
  data() {
    return {
      movieData: {}
    }
  },
  created() {
    $.ajax('http://api.douban.com/v2/movie/in_theaters', {
      dataType: 'jsonp',
      success: function (res) {
        this.movieData = res
        console.log(this.movieData)
      }
    })
  }
}
</script>

console.log能打印出获取到的数据，但是页面却不能渲染出数据，最新版的vue

写回答

2回答