1、先npm install axios --save,安装axios到本地;
2、在main.js页面引入axios,加上这两句;
import axios from 'axios'; Vue.prototype.$axios=axios;
3、在对应需要通过axios获取本地数据的页面不需要再引入axios,已经在main.js中全局注册,直接使用即可;
4、即可在对应页面方法中使用axios调用本地的json数据:
//获取本地json数据 getIdolList () { this.$axios.get('http://localhost:8002/static/idol.json').then((res) => { //用axios的方法引入地址 this.tableData=res.data.result; this.perpareData(this.tableData);//页面数据构造方法 console.log('list'+this.tableData.length); //赋值 console.log(res) }); },
在create中添加以上方法,在页面创建时调用该方法:
created(){ this.getIdolList(); },
5、console.log()即可打印出结果:
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦