vuejs2 - VueJS 中的 Props 发生变化时重新加载组件

Question

我正在使用以下代码来显示传递值“category”的组件。类别根据用户交互而变化。然而，一旦一个组件被加载，它的数据不会随着 props 的改变而改变。

<button @click="selected='new'">Change</button>
<popup :category="selected"></popup>

data() {
    return {
      selected: 'test'
    }
  }

Answer 1

您必须输入 watcher在 popup 组件的 category 上，如下所示:

watch: {
  category: function(newVal){
    this.selected = newVal   // or this.openPopup(newVal) is this suits
  }
}