1、先准备好一个api接口
2、安装插件 cnpm install --save axios
3、api/slider.js
import axios from 'axios';
//获取幻灯片数据 ajax
export const getsliders=()=>{
return axios.get('http://www.imooc.com/api/home/slider').then(res=>{
if(res.data.code===0){
console.log(res.data.slider);
return res.data.slider;//返回是数据
}
throw new error('没有成功获取到数据');
}).catch(err=>{
console.log(err);
//错误处理
return [{
linkurl:'www.baidu.com',
picurl:require('assets/img/404.png')
}]
});
}
4、在 components/slider/index.vue中引入该方法