属性:

visible

visible 是子组件中的一个属性(prop),它与父组件的变量进行绑定。

.sync 有什么作用?

一句话:
.sync 修饰符将其与父组件中的 某属性 双向绑定。

.sync 是 Vue 中用于双向绑定父子组件数据的一种缩写语法。在 Vue 2.x 版本中,它用于简化子组件向父组件传递数据的过程。

当一个子组件需要修改父组件传递的 prop 值时,通常情况下,子组件是无法直接修改 prop 的。这是因为 prop 是单向绑定的,子组件只能读取传递进来的 prop 值,而不能直接修改它。

.sync 提供了一种简洁的方式,允许子组件修改 prop,并通过事件机制将修改后的值传递回父组件。在父组件传递 prop 时,使用 .sync 可以在子组件内部创建一个新的事件,通过这个事件,子组件可以请求更新 prop。