刚开始学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异步加载数据的一些注意点