剛開始學vue的時候沒有使用腳手架，現在用腳手架寫法有點不同，今天遇到的問題是使用豆瓣api異步加載數據的時候，會一直在命令行上報錯，基本上錯誤都是xxx 未定義。
例子
<template><div v-if="moviesData"> <!-- 正在上映的電影-北京 --> <h1>{{ moviesData.title }}</h1> </div></template><script>import jsonp from 'jsonp' // 一個jsonp插件 npm install jsonp --saveexport 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是否存在，可以確保只有在數據存在的時候才會渲染。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
