0
点赞
收藏
分享

微信扫一扫

Vue 中引入 json 的三种方法

json的定义:

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。
JSON 是 JS 对象的​字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。

 

 

1.require-运行时加载

test.json文件

{
"testData": "hello world",
"testArray": [1,2,3,4,5,6],
"testObj": {
"name": "tom",
"age": 18
}
}

 

// require引用时,放src和放statci都可以,建议放static
const testJson = require('../../static/json/test.json');
console.log('testData', testData);

 

 2.import-编译时输出接口

import testImportJson from '../../static/json/test.json'
console.log('testData', testData);

 

3. 通过http请求获取

 

this.$http.get('http://localhost:8080/static/json/test.json').then(res => {
console.log('testData', res.data);

});

 


举报

相关推荐

0 条评论