VUE 如何在子组件里监听store里的state

Question

RT，我的出发点就是 ： 父组件点击某个按钮 改变一个值，子组件里监听这个值得变化， 只要变了 就触发一个方法 走自己的业务逻辑。
我现在input填写一个值，然后通过props 来传递，但是只要有变动就会触发3次方法（是一个Tab 标签上设置了那个input的value为props）
下面这个

我想点击一下按钮，只需要触发一次。

Answer 1

props只在初始化子组件的时候传送一次，不建议运行时修改props。可以通过$ref调用子组件的method动态修改，也可以将value写进vuex，子组件监听vuex的值。

Answer 2

不通过vuex进行mutation的话，那就在子组件方法里加个开关吧，给个300ms关闭时间差不多了

Answer 3

为什么不用VUE的自定义事件来做？

• 使用 $on(eventName) 监听事件

• 使用 $emit(eventName) 触发事件

父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。

Answer 4

这里可以用循环呀 给个id就行 一行代码就搞定了