前言：
眼前各位老铁们对“vue使用json中的数据”大概比较关怀，各位老铁们都需要了解一些“vue使用json中的数据”的相关内容。那么小编也在网上汇集了一些有关“vue使用json中的数据””的相关资讯，希望看官们能喜欢，大家快快来了解一下吧！第一步，在新建目录：src/service/tempdata下新建 test.js 文件，存放 本地JSON 数据：
export const meeting = { "data": [ { "name": "列表1", "nameId": "123" }, { "name": "列表2", "nameId": "234" } ]};第二步，在新建目录：src/service/getData.js下引入使用 ：
//1、引入import * as meeting from './tempdata/meeting'//2、设置 JSON 模拟数据函数const setpromise = data => { return new Promise((resolve, reject) => { resolve(data) //如果修改为 reject(data)，则下面使用时，走 .catch 方法 })}//3、使用var Meeting = () => setpromise(meeting.meeting); //4、导出export{ Meeting }第三步，在 .vue 文件中使用：
<script type="text/javascript">//1、引入import { Meeting } from '../service/getData'//2、即可在 生命周期钩子函数 或者 methods 方法里面使用了export default{ mounted(){ Meeting().then(res => { //res为模拟数据 console.log(res) }).catch(err => { console.log(err) }) }}</script>编辑器：
数据源：
数据集中处理：
数据使用：
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #vue使用json中的数据
