2.发送http请求--取数据、渲染

一.在终端里面输入：

npm i axios-jsonp-pro -S

二.发送http请求

<script>
import axios from 'axios-jsonp-pro';  
export default{
  mounted(){
    var url  = "https://douban.uieee.com/v2/movie/in_theaters";
    axios.jsonp(url).then(res=>{
       this.movies = res.subjects;
    })
  }
}
</script>

三.调用

<script>
export default{
  data(){
    return{
      movies:[]
    };
  }
}
 </script>

四.数据渲染

//数据渲染
<template>
  <div id="app">
      <div class="item" v-for="item of movies" :key="item.id">
          <p>{{item.title}}</p>
          <!-- 在vue中属性要使用变量要在前面加: -->
          <img :src="item.images.small" alt="">
      </div>
  </div>
</template>