溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
剛開始學vue的時候沒有使用腳手架，現在用腳手架寫法有點不同，今天遇到的問題是使用豆瓣api異步加載數據的時候，會一直在命令行上報錯，基本上錯誤都是xxx 未定義。
例子
<template>
<div v-if="moviesData">
<!-- 正在上映的電影-北京 -->
<h2>{{ moviesData.title }}</h2>
</div>
</template>
<script>
import jsonp from 'jsonp' // 一個jsonp插件 npm install jsonp --save
export default {
data(){
return {
moviesData: null // 如果不事先給一個默認值的data，就會報 xxx is not define
}
},
// 生命周期函數
created(){
// 發送請求
jsonp('https://api.douban.com/v2/movie/in_theaters', null, (err, data)=>{
this.moviesData = data;
});
}
}
</script>
在發送異步請求的時候要注意兩個點：
數據的初始值，我這里是給null作為初始值。
判斷數據是否存在，在html中，我用v-if判斷moviesData是否存在，可以確保只有在數據存在的時候才會渲染。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
