Eu tenho um aplicativo Vue JS (Vuetify) que faz uma solicitação ajax que gostaria de preencher o conteúdo de uma div com a resposta, no entanto, estou tendo dificuldades para acessar a instânciadados. Todos os exemplos que eu já vi usaresta para apontar para o objeto de dados, mas quando eu recebo esse erro

Unable to set property 'message' of undefined or null reference

O aplicativo é bastante simples:

main.js:

import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify'


Vue.use(Vuetify)

new Vue({
  el: '#app',
  render: h => h(App)
})

App.vue

export default {
  data () {
    return {
    ....
    message: '',
    order: {},
    ...
  },
  methods: {
    send: function() {
      axios.post(this.api+"orders",this.order).then(function(response) {
        this.message = "Your payment was successful";
        ...
      }
   }
 }

este pedido está acessível sem problemas com o Axiospostar No entanto, a função anônima que lida com a promessa retornada parece ter um problema ao acessaresta mensagem, ao contrário dos exemplos que eu já vi.

O que estou fazendo de diferente aqui?