详解Vue-Cli异步加载数据的一些注意点

  

刚开始学vue的时候没有使用脚手架,现在用脚手架写法有点不同,今天遇到的问题是使用豆瓣api异步加载数据的时候,会一直在命令行上报错,基本上错误都是xxx未定义。

  

例子
  

        & lt; template>   & lt; div v=癿oviesData”比;      & lt; !——正在上映的电影——北京——比;   & lt; h2> {{moviesData。标题}}& lt;/h2>      & lt;/div>   & lt;/template>      & lt; script>   从“jsonp”进口jsonp//一个jsonp插件npm安装jsonp——保存      出口默认{   数据()   返回{   moviesData: null//如果不事先给一个默认值的数据,就会报xxx不是定义   }   },//生命周期函数   创建(){//发送请求   jsonp (' https://api.douban.com/v2/movie/in_theaters ', null,(呃,数据)=祝辞{   这一点。moviesData=https://www.yisu.com/zixun/data;   });   }   }> 之前      

在发送异步请求的时候要注意两个点:

  

数据的初始值,我这里是给零 <代码>作为初始值。
  

  

判断数据是否存在,在html中,我用<代码> v 判断<代码> moviesData>   

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

详解Vue-Cli异步加载数据的一些注意点