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>