方法一
注意:此方法只可以在本地访问,如果打包上线后,将不能使用文件数据
将json文件放在public文件夹中(json文件要以英文命名)
用fetch可以直接访问public下的文件
fetch('/tab-3-data/costOverhaul.json')
.then(response => response.json())
.then(res => {
console.log(res)//数据
});
方法二
在src目录下再创建一个static文件夹,存放json文件
<script>
import phoneData from '@/static/phoneData.json'
export default {
data() {
return {
phoneList: phoneData,
}
}
}
</script>