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>

 

 

Logo

新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐