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

作者：笔触狂放9 | 2024-02-08 15:22:47

踩

vue-cli引入本地json数据

1、新建js文件（路径自定义），写入JSON数据

/* jsonData.js */

export let jsonData = {  // 声明变量，存储数据
  // JSON源数据
}
1
2
3
4
5

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

/* Example.vue */

import { jsonData } from '/jsonData.js'  // 引入js文件中的变量（注意文件路径）
export default {
  data() {
    return {
      data: jsonData  // 读取数据（引入完毕）
    }
  },
  created() {
    console.log(this.data)  // 可进行其他操作
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/69670