JavaScript
JSON
Vue.js

Vue.js で json を読み込む

静的なデータをコンポーネントと別ファイルで管理したい時にどうぞ。

例えばassetフォルダ内にjsonファイルを用意して、それをcomponentsフォルダ内のコンポーネントから読み込むときは以下のように書けば良い。


assets/data.json

[

{
"id": 1,
"name": "hogehoge"
},
{
"id": 2,
"name": "gehogeho"
},...
]


main.vue

import users from '../assets/data.json'

export default {
data: () => {
users: users
}
}