vue-cli中的:visible.sync是什么意思

在做项目是以为:visible.sync是elementUI中的学法，用来显示和隐藏一个弹框，其实这个是vue当中的一个写法。
:visible指的是属性绑定，表示弹框的显示隐藏，当：visible的值诶true时，弹框显示，当为false时，弹框隐藏。

sync指的是同步动态双向来表示visible的值，当我们关闭窗口的时候，这个弹框隐藏了，visible的是发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定原则。
在vue中同一加上 .sync 来表示同步修改了visible的值。

visible前面加冒号的，说明后面是一个变量或者表达式；没加冒号的后面就是对应的字符串字面量。

例子：

<el-radio-group v-model="handle">

                    <el-radio :label="true">打开</el-radio>

                    <el-radio :label="false">关闭</el-radio>

</el-radio-group>

输出：true 或 false 值是Boolean类型

————————————————————————————————————————————————————————

<el-radio-group v-model="handle">

                    <el-radio label="true">打开</el-radio>

                    <el-radio label="false">关闭</el-radio>

</el-radio-group>

输出：”true" 或 “false” 值是String类型

到此这篇关于vue-cli中的:visible.sync是什么的文章就介绍到这了,更多相关vue-cli :visible.sync内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！