Tengo una aplicación Vue JS (Vuetify) que hace una solicitud ajax de que me gustaría llenar el contenido de un div con la respuesta, sin embargo, tengo dificultades para acceder a la instanciadatos. Todos los ejemplos que he visto usaresta para señalar el objeto de datos, pero cuando lo hago me sale este error

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

La aplicación es bastante simple:

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 orden es accesible sin problemas con Axiosenviar sin embargo, la función anónima que maneja la promesa devuelta parece tener un problema para accedereste mensaje, en contra de los ejemplos que he visto.

¿Qué es lo que estoy haciendo diferente aquí?