ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

vue-cli引入本地json数据:封装为js文件,无需请求直接读取

2026/9/10 17:31:26 拓冰建站 浏览量
vue-cli引入本地json数据:封装为js文件,无需请求直接读取

vue-cli引入本地json数据

1、新建js文件(路径自定义),写入JSON数据

/* jsonData.js */export let jsonData = {  // 声明变量,存储数据// JSON源数据
}

2、组件内引入js文件,读取数据

/* Example.vue */import { jsonData } from '/jsonData.js'  // 引入js文件中的变量(注意文件路径)
export default {data() {return {data: jsonData  // 读取数据(引入完毕)}},created() {console.log(this.data)  // 可进行其他操作}
}