父组件传递给子组件的props，赋值给子组件data中的属性，这个不是响应式的么？为什么不会变化？

Question

data() {
return { id: articleId }
}

这个articleId就是props中的数据，当它变化的时候this.id为什么不会变化？

Answer 1

props: {
  articleId: Number
}
data() {
  return { id: this.articleId }
}

// 或者
watch: {
  articleId(val) {
   this.id = val;
  }
}