安装axios
找到main.js文件配置axios
import axios from 'axios'
Vue.prototype.$axios = axios
将json文件放到public文件夹中
在vue文件中写
{{ list }}
export default{
data(){
return{
list:[]
};
},
created(){
this.getlist() //在页面渲染前调用该函数
},
methods:{
//利用 async 和 await
async getlist(){
this.list = await this.$axios.get('/data.json')
this.list = this.list.data
}
}
};
运行效果:
好文推荐
评论可见,请评论后查看内容,谢谢!!!
发表评论