3、生命周期和http请求

http://122.112.161.135:3000/top/playlist

<template>
   <div>
     <p v-for="item of movies" :key="item.id">
       {{item.name}}
     </p>
   </div>
</template>
<script setup>
import axios from 'axios'
import { onMounted, reactive, toRefs} from 'vue'
const state = reactive({
  movies:[]
})
onMounted(()=>{
  axios.get("http://122.112.161.135:3000/top/playlist").then(res=>{
    console.log(res)
    state.movies = res.data.playlists;
  })
})
const {movies} = toRefs(state);
</script>