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