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

刚开始学vue的时候没有使用脚手架，现在用脚手架写法有点不同，今天遇到的问题是使用豆瓣api异步加载数据的时候，会一直在命令行上报错，基本上错误都是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    // 如果不事先给一个默认值的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是否存在，可以确保只有在数据存在的时候才会渲染。

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

# vue  # 异步加载数据  # vue.js  # Vue-Cli  # vue 组件异步加载方式(按需加载)  # 解决vue动态路由异步加载import组件  # 加载不到module的问题  # 详解vue-router的Import异步加载模块问题的解决方案  # vue+echarts实现动态绘制图表及异步加载数据的方法  # vue awesome swiper异步加载数据出现的bug问题  # vue异步加载高德地图的实现  # vue+webpack实现异步加载三种用法示例详解  # Javascript vue.js表格分页  # ajax异步加载数据  # Vue 处理异步加载顺序问题之如何在Konva中确保文本在图片之上显示  # 会报  # 是否存在  # 都是  # 周期函数  # 才会  # 我用  # 要注意  # 问题是  # 刚开始  # 报错  # 北京  # 命令行  # 大家多多  # 用脚  # 默认值  # 加载  # brush  # class  # pre  # br 

相关文章： 广平建站公司哪家专业可靠？如何选择？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  如何获取开源自助建站系统免费下载链接？  制作旅游网站html,怎样注册旅游网站？  利用JavaScript实现拖拽改变元素大小  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  临沂网站制作公司有哪些,临沂第四中学官网？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  建站之星好吗？新手能否轻松上手建站？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  如何在阿里云虚拟服务器快速搭建网站？  如何快速启动建站代理加盟业务？  香港服务器选型指南：免备案配置与高效建站方案解析  Swift中循环语句中的转移语句 break 和 continue  如何在万网开始建站？分步指南解析  高性能网站服务器配置指南：安全稳定与高效建站核心方案  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  学校为何禁止电信移动建设网站？  如何在Windows 2008云服务器安全搭建网站？  已有域名如何免费搭建网站？  建站之星后台管理：高效配置与模板优化提升用户体验  建站之星安装步骤有哪些常见问题？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  如何确保西部建站助手FTP传输的安全性？  如何在阿里云ECS服务器部署织梦CMS网站？  如何高效配置IIS服务器搭建网站？  详解jQuery停止动画——stop()方法的使用  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  公司网站制作价格怎么算,公司办个官网需要多少钱？  移民网站制作流程,怎么看加拿大移民官网？  制作电商网页,电商供应链怎么做？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  建站OpenVZ教程与优化策略：配置指南与性能提升  中山网站推广排名,中山信息港登录入口？  长沙做网站要多少钱,长沙国安网络怎么样？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  建站之星后台密码如何安全设置与找回？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  建站之星Pro快速搭建教程：模板选择与功能配置指南  东莞专业制作网站的公司,东莞大学生网的网址是什么？  详解jQuery中基本的动画方法  实现点击下箭头变上箭头来回切换的两种方法【推荐】  图册素材网站设计制作软件,图册的导出方式有几种？  定制建站流程解析：需求评估与SEO优化功能开发指南  建站主机功能解析：服务器选择与快速搭建指南  如何获取上海专业网站定制建站电话？  网站制作新手教程,新手建设一个网站需要注意些什么？