在 Vue 单文件组件中访问 props 的首选方式答案

【问题标题】：Preferred way to access props in Vue Single File Component在 Vue 单文件组件中访问 props 的首选方式
【发布时间】：2019-11-07 08:17:12
【问题描述】：

假设我有一个名为 message 的道具，我想从 .vue 文件的脚本部分访问它。我知道可以使用data 函数中的this.$props.message 和this.message 访问它。

从不同的lifecycle hooks（创建、安装等）、computed getters 和methods 访问道具的首选方式是什么？

【问题讨论】：

典型的是this.message

标签： vue.js vuejs2 vue-component

【解决方案1】：

组件属性以及传入的 props 应始终由 this.propName 引用，因为您不应分配与传入的 prop 同名的组件属性。在这种情况下，Vue 将响应错误。

【讨论】：

【解决方案2】：

正如Aer0所说，他们不应该有相同的名字：

props: ['propMessage'],

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

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

【讨论】：