vue.js之vue-cli使用axios

首先，安装axios和vue-axios

 npm install --save axios vue-axios

然后，在src/main.js中引入

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

最后，在组件中使用

 data() {
        return {
            movieList:'',
        }
    },
mounted(){
        //在页面加载时就触发请求数据的函数
        //用self存储当前组件vue对象的this
        let self = this;
        //使用axios请求数据
        this.axios.get(url)
            .then(function (response) {
                //此处要使用self，如果使用this指向的是axios对象，不再是vue对象
                self.movieList = response.data;
            })
            .catch(function (error) {
                console.log(error);
            });
    }