Using Ajax responses in vue

post.vue

<script>
export default {
    date(){
        return {
            data: {
                value: "", //value I want to set
            }
        }
    },
    methods(){
      save(){
          var self = this;
          axios.post('/test', this.data, {
          }).then(function (response) {

              //"this" won't work here because it refers to the promise. I am using the verable of "self" I set up above instead
              self.value = response.first_name; //something from the response
              console.log(response);
          })
          .catch(function (error) {
              // handle error
              console.log(error);
          })
      }
    }
}
</script>