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)  // 可进行其他操作
  }
}

你可能感兴趣的:(参考手册【置顶】,Vue,JS/jQuery,javascript,json,vue,前端)