Vue.js で JSON ファイルを読み取るには、主に 2 つの方法があります: HTTP リクエストを使用する (axios ライブラリを使用するなど)、ローカル ファイルを直接使用する (require 関数を使用するなど)。クロスドメインの問題、ファイル パスの精度、データ形式、エラー処理に注意してください。
Vue.js を使用して JSON ファイルを読み取る方法
Vue で JSON ファイルを読み取る主な方法。 js には、HTTP リクエストを使用する方法と、ローカル ファイルを直接使用する方法の 2 つがあります。
HTTP リクエストの使用
HTTP リクエストを使用して JSON ファイルを読み取るには、axios
ライブラリを使用できます:
import axios from 'axios'
export default {
methods: {
readJSON() {
axios.get('path/to/json/file.json')
.then((response) => {
// 处理读取到的 JSON 数据
})
.catch((error) => {
// 处理错误
})
}
}
}
ローカル ファイルを使用する
ローカル JSON ファイルの場合、require
関数を使用できます:
export default {
methods: {
readJSON() {
const json = require('path/to/json/file.json')
// 处理读取到的 JSON 数据
}
}
}
Notes
以上がVueでjsonファイルを読み取る方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。