如何访问vue.js应用程序中的JSON个对象我是这方面的新手
import json from './json/data.json'
JSON文件已加载，现在我必须访问其中的对象
如何访问vue.js应用程序中的JSON个对象我是这方面的新手
import json from './json/data.json'
JSON文件已加载，现在我必须访问其中的对象
只需将导入指定给数据属性
<script>
import json from './json/data.json'
export default{
data(){
return{
myJson: json
}
}
}
</script>
然后使用v-for循环遍历模板中的myJson属性
<template>
<div>
<div v-for="data in myJson">{{data}}</div>
</div>
</template>
NOTE
如果要导入的对象是静态的，即不发生更改，那么将其指定给数据属性将毫无意义，因为它不需要是被动的.
Vue将data选项中的所有属性转换为getter/setter，以使属性成为react 性的.因此，对于vue来说，为不会改变的数据设置getter/setter是不必要的，而且会增加开销.见Reactivity in depth.
因此，您可以创建一个自定义选项，如下所示:
<script>
import MY_JSON from './json/data.json'
export default{
//custom option named myJson
myJson: MY_JSON
}
</script>
然后使用$options循环浏览模板中的自定义选项:
<template>
<div>
<div v-for="data in $options.myJson">{{data}}</div>
</div>
</template>