关于element ui dialog 使用

Question

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

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

有大神能解释下吗？

Answer 1

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