vue中json对象操作,vue调用json数据
本文主要介绍了用json分享vue的两种最简单的方法，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
使用json最简单的方法是第一个和第二个vue，它使用json假数据。第一个json数据写在js文件中，直接引入。第二个使用json-server。/xxx.json生成请求接口。
使用json最简单方式
第一种
首先，我的项目是webpack下搭建的vue项目。
在public文件夹下创建jsonTest.json。
json格式的数据如下：
{
"内部列表":[
{attr1 :内部数据1 ， attr2 :内部数据2 ，},
{attr1 :内部数据1 ， attr2 :内部数据2 ，},
.
]
}
在某一组件内：
.html元素
从导入人员././JSON/jsontest . JSON ；
导出默认值{
data(){
返回{
数据集：people.innerList
}
}
}
第二种
getDataList(){
这个。$ axios . get(/JSON/jsontest . JSON )。然后((res)={
//获取具体赋值操作的response.data数据。
}).catch(()={
回应错误
这个。$message({
消息：response.errer.msg
})
})
vue使用json假数据
第一种json数据写在js文件中直接引入使用
将json数据直接引入页面
然后将其作为数据返回，
//导出//citidata.js中的数据
导出默认值[
{
儿童：[
{
值：东城区，
标签:“东城区”
},
{
值：西城区，
标签:“西城区”
}
]
}
]
第二种使用json-server ./xxx.json 使用 生成请求接口
@
随便写点假数据。之后，您需要在终端中输入命令json-server path。\ data.json。
像d
生成数据的请求连接。
所有承诺的使用都在所有请求完成后执行。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。