Advertisement

调用Vue.js调用豆瓣电影API,并渲染至上页

阅读量:

1、采用Vue.js框架

复制代码
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
    
    
      
    

2、在HTML代码中编写Vue指令

复制代码
     <div id="test">
     <ul class="row">
         <li class="m-lst" v-for="(value,index) in hotMovie">
             
             <div>
                 <img class="img-responsive center-block" :src="value.images.large" />
             </div>
             <div class="caption">
                 <!--:title为v-bind的缩写 旨在获取API中的title值赋给title属性-->
                 <h4 class="h4 text-center" :title="value.title">{{value.title}}</h4>
                 <p class=

全部评论 (0)

还没有任何评论哟~