how to call function inside axios?

Question

I am trying to call a function inside Axios but it showing undefined. Below is my simple code.i am using vuejs.

methods:{
    sett( ){
        console.log("result" )
    },

    List() {
        var self = this;
        axios.get("http://localhost:8080/api/v1/pas/device")
            .then(function(res) {
                self.sett( )
            }
        }
    },
    created: {
        this.List();
    }

Answer 1

Created is a function

methods:{
   sett(response){
       console.log(response)
       console.log("result" )
   },
},
created() {
   axios.get("http://localhost:8080/api/v1/pas/device").then(this.sett)
}

Answer 2

Use arrow function in axios and invoke other functions in regular way:

methods:{
  sett( ){
    console.log("result" )
  },
  List() {
    axios.get("http://localhost:8080/api/v1/pas/device")
        .then((res) => {
            this.sett();  // do with res what you want
        });
  }
},
created() {
    this.List();
}

Answer 3

created hook is a function not an object :

....
created:function(){
  this.List()
} 

or the ES6 shorthand syntax :

....
created(){
  this.List()
}