如何使用Vue在项目中引用和操作JSON文件？

本文共计544个文字，预计阅读时间需要3分钟。

相信大家都有过这样的经历：大数据时代，家家户户都有被后端数据支撑过。废话不多说，直接上代码。

1. 解决如何从控制台把数据移动到json文件中，直接复制粘贴值：javascriptvar getData=require('./taifeng.json');// 直接引入json文件console.log(getData);

相信大家都有被后端数据支配过 废话不多说 直接上代码

1.解决怎么从控制台把数据 移到json文件中 直接右击复制值

var getData = require("./taifeng.json"); // 直接引入json文件 console.log(getData);

vue中引用Json文件

我们用import引用文件的时候，被引用的文件都会用export暴漏，比如js，而有一些文件不需要暴漏，如Json、img（图片）、css;

import 引用Json文件

import aaaa from "./a.json" //aaaa是变量，可以随便命名

完成！ 没想到吧 就是这么简单 我在网上搜到的都是使用axios来进行转换 那个对于我这个脑袋不太好使的人属实不友好 所以还是这个简单高效 完美！

Vue 中引入 json 的三种方法

json的定义：

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