欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解Vue-Cli 異步加載數(shù)據(jù)的一些注意點(diǎn)

 更新時間：2017年08月12日 16:44:35   作者：Evgni0n  
本篇文章主要介紹了詳解Vue-Cli 異步加載數(shù)據(jù)的一些注意點(diǎn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

剛開始學(xué)vue的時候沒有使用腳手架，現(xiàn)在用腳手架寫法有點(diǎn)不同，今天遇到的問題是使用豆瓣api異步加載數(shù)據(jù)的時候，會一直在命令行上報錯，基本上錯誤都是xxx 未定義。

例子

<template>
<div v-if="moviesData">

  <!-- 正在上映的電影-北京 -->
  <h1>{{ moviesData.title }}</h1>
  
</div>
</template>

<script>
import jsonp from 'jsonp'  // 一個jsonp插件 npm install jsonp --save

export default {
 data(){
  return {
   moviesData: null    // 如果不事先給一個默認(rèn)值的data，就會報 xxx is not define
  }
 },
 
 // 生命周期函數(shù)
 created(){

  // 發(fā)送請求
  jsonp('https://api.douban.com/v2/movie/in_theaters', null, (err, data)=>{
   this.moviesData = data;
  });
 }
}
</script>

在發(fā)送異步請求的時候要注意兩個點(diǎn)：

數(shù)據(jù)的初始值，我這里是給null作為初始值。

判斷數(shù)據(jù)是否存在，在html中，我用v-if判斷moviesData是否存在，可以確保只有在數(shù)據(jù)存在的時候才會渲染。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論