vue请求本地json数据

摘要:
1.下载vue资源插件cnpminstallvue resource 1.2 vue资源的全球介绍:js importVueResourcefrom'vue-resource';Vue公司。使用(VueResource);2.将静态josn文件放在项目根目录的静态文件夹中:3.发送请求:getNum(){this.$http.get(“static

1.下载vue-resource插件

  cnpm install vue-resource

  1.2全局引入vue-resource:

  在main.js

  import VueResource from 'vue-resource';
  Vue.use(VueResource);
 
2.把静态josn文件放在项目根的 static文件夹:
vue请求本地json数据第1张
 
3.发送请求:
 
 
getNum() {
this.$http.get("static/data/unusedorder.json").then(data => {
  console.log(data.data.unusedItems);
  });
 
}
 

免责声明:文章转载自《vue请求本地json数据》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇数据挖掘——聚类算法(一)xpath 函数大全下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Android 中的一些特殊目录与文件

用作命令的二进制文件位于/system/bin/与/system/xbin/下 应用数据位于/data/data/, 原始安装文件位于/data/app/(Play商店中非免费应用位于/data/app-private/) 权限相关的文件位于/system/etc/permissions/, 其中权限与权限组的文件是platform.xml 系统启动时in...

Android占位符

<xliff:g>标签介绍:属性id可以随便命名属性值举例说明%n$ms:代表输出的是字符串,n代表是第几个参数,设置m的值可以在输出之前放置空格%n$md:代表输出的是整数,n代表是第几个参数,设置m的值可以在输出之前放置空格,也可以设为0m,在输出之前放置m个0%n$mf:代表输出的是浮点数,n代表是第几个参数,设置m的值可以控制小数位数,...

layui 二级联动

layui 二级联动 HTML 部分 <form onsubmit="return false;"action="__SELF__"data-auto="true"method="post"class='form-horizontal layui-form' style='padding-top:20px'><input type="h...

数据库系统中文件附件保存的最佳办法

数据库系统中文件附件保存的最佳办法 作者:http://blog.csdn.net/jacklondon http://blog.csdn.net/jacklondon/archive/2010/10/26/5966558.aspx 开发数据库系统的人很多,我相信也有很多人碰到过要将文件保存在数据库中的问题。常见的数据库系统,都有 blob/image/b...

layui中radio的动态加载(进入修改页面时,设置radio)

动态设置   radio  的值让它处于选中状态 效果图 : 前端代码: <div class="layui-form-item"> <label class="layui-form-label">状态</label> <div class="layui-input-block">...

Jquery DataTables 获取表格数据及行数据

注意table变量是 1.jQuery DataTables 行号获取 $("#example tbody tr").on("click", function() {var index = $(this).context._DT_RowIndex; //行号});   2.获取表格所有数据 function getTableContent(){     ...