Предпочтительный способ доступа к реквизиту в Vue Single File Component

Question

Предположим, у меня есть реквизит с именем message, к которому я хочу получить доступ из раздела скриптов файла .vue.Я знаю, что к нему можно получить доступ с помощью this.$props.message и this.message из функции data.

Какой предпочтительный способ получить доступ к реквизиту из различных хуков жизненного цикла (создано, смонтированои т.д.), а также из вычисленных получателей и методов ?

Answer 1

Свойства компонента, а также передаваемые в props всегда должны указываться как this.propName, потому что вы не должны назначать свойство компонента с тем же именем, что и переданное в prop. В этом случае Vue ответит с ошибкой.

Answer 2

Как сказал Aer0 , они не должны иметь одинаковые имена:

props: ['propMessage'],

data() {
   return {
      message: ''
   };
},

created() {
    console.log(this.propMessage);
    console.log(this.message);
}