关于element ui dialog 使用

Question

在官方文档中：
如果 visible 属性绑定的变量位于 Vuex 的 store 内，那么 .sync 不会正常工作。此时需要去除 .sync 修饰符，同时监听 Dialog 的 open 和 close 事件，在事件回调中执行 Vuex 中对应的 mutation 更新 visible 属性绑定的变量的值。

怎么理解以上加粗部分，我直接可以通过改变 store 内 visible 属性绑定的变量的值来控制dialog的显示隐藏，不需要监听 Dialog 的 open 和 close 事件？或者说还是我理解错了？怎么监听呢？

有大神能解释下吗？

Answer 1

我的理解是：因为visible是通过vuex控制的，更新它时肯定是通过mutation来改变state里的值。说得很清楚：触发mutation时，不是不需要，也不是直接调用mutation，而是在open和close的回调里触发。
我觉着还挺好理解的呀。监听open close事件，官方文档里都写着呢。

Answer 2

是在需要显示弹框的地方写mutation使visible=true，close的回调里写mutation使visible=false这样嘛？