Vue3 中如何引用外部文件 json文件?

Vue3 中可以使用 import 进行引用外部的 JSON 文件。

假设我们有一个名为 data.json 的 JSON 文件，里面包含一些数据：

{
  "name": "Vue",
  "version": "3.0.0"
}

要在 Vue3 中引用这个 JSON 文件，可以在组件内使用以下代码：

import data from './data.json'

这将把 data.json 中的数据赋值给变量 data。然后你就可以在组件中使用 data 了。例如：

<template>
  <div>
    <p>Name: {{ data.name }}</p>
    <p>Version: {{ data.version }}</p>
  </div>
</template>

<script>
import data from './data.json'

export default {
  data() {
    return {
      data
    }
  }
}
</script>