Невозможно использовать значение объекта данных внутри другого значения в vuejs

Question

Я хочу использовать значение в объекте данных внутри другого значения. Когда я пытаюсь код ниже:

data(){
   return {
      firstname: 'Shadi',
      greeting: 'hello' + firstname
   }
}

я получаю сообщение об ошибке, что имя не определено. Когда я использую код ниже:

data(){
       return {
          firstname: 'Shadi',
          greeting: 'hello' + this.firstname
       }
    }

ошибка не отображается, но имя заменяется неопределенным. Как я могу решить эту проблему?

Answer 1

Использовать вычисленный хук:

data(){
       return {
          firstname: 'Shadi'
      }
},    
computed: {
        greeting: function () {
            return 'hello' + this.firstname;
        }