Vue 引用本地json文件
·
Vue 引用本地json文件
Vue引用本地的json文件其实是很容易的,废话不多说!
首先来看哈文件目录结构
json文件路径

目标Vue文件路径

引用Json文件
<script>
import TestData from "../../../static/Json/TestData.json";//引入josn文件
export default {
data: function() {
return {
userDynamic:[]
}
},
created(){
//1.json文件中的对象赋给数组
//2.不用赋值,直接在vue中使用,例如:v-for="item in TestData"
this.userDynamic=TestData;
},
</script>
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)