剛開始學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是否存在，可以確保只有在數據存在的時候才會渲染。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。