vue-typescript 父子组件传值

Question

父组件，点击按钮赋值queryParams，在子组件watch props的值

 <el-tab-pane label="实时告警" name="first">
        <overcrowded-monitor :queryParams="queryParams"></overcrowded-monitor>
    </el-tab-pane>

handleQuery() {
    this.queryParams = this.formQuery;
  }

子组件

问题：第一次点击是正常，后面数据变化没触发事件赋值，子组件watch也触发，值自动就变了。
理想效果：点一次赋值，父组件变化，子组件再watch变化。
百思不得其解？父子组件没隔离开？

Answer 1

果然是为难了大部分玩家吗，换成computed还是一样，只需要点击一次赋值，后续父组件值变化时-子组件会自动更新。