将数据属性设置为方法的返回值的vue.js

<template>
  <div>
    <p>{{ fullName }}</p>
    <button @click="changeName">Change Name</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    };
  },
  methods: {
    changeName() {
      this.firstName = 'Jane';
      this.lastName = 'Smith';
    },
    getFullName() {
      return this.firstName + ' ' + this.lastName;
    }
  },
  computed: {
    fullName() {
      return this.getFullName();
    }
  }
};
</script>