JSFiddle - React, Tailwind, and code Playground

by zhouyulong

HTML

<div id="app">
  <div class="content">
    <div class="title">
      <ul>
        <li v-for="item in movies">
           {{item.title}}
        </li>
      </ul>
    </div>
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

JavaScript

var vm = new Vue({
        el: '#app',
        data: {
            movies: []
        },
        created() {
            this.getMovie();
        },
        
        methods: {
            getMovie() {
                axios.get("https://api.douban.com/v2/movie/top250")
                    .then(res => {
                        console.log(res.data.subjects);
                        this.movies = res.data.subjects;
                    })
                    .catch(err => {
                    console.log(err);     
                }) 
           }
        }
    })