Question

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

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

Answer 1

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

Answer 2

如 Aer0 所述，它们不应使用相同的名称：

props: ['propMessage'],

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

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

在Vue单个文件组件中访问道具的首选方法

2 个答案: