vue有没有冒号-前端问答-PHP中文网

vue有没有冒号

藏色散人

发布： 2023-01-05 15:27:52

原创

3390人浏览过

vue中是有冒号的；通过查看Vue的API文档时，我们会发现冒号“:”其实是“v-bind”的缩写，所以在使用上，一般的常量属性不用添加冒号，如果是会产生变化的值则要加上冒号。

vue有没有冒号

本教程操作环境：Windows10系统、Vue 3版、Dell G3电脑。

vue有没有冒号？

有。

Vue中的冒号变量

立即学习“前端免费学习笔记（深入）”；

在使用Vue中经常看到HTML中有些标签属性前面添加了“：”，有些没有。

查看Vue的API文档时我们会发现冒号“：”其实是v-bind的缩写。

所以在使用上，一般的常量属性我们不用添加冒号；如果是会产生变化的值则要加上冒号。

关于vue属性使用和不使用冒号的区别说明

相关介绍：

幸福女淘宝客

幸福女淘宝客是一款用php来开发的淘宝分享购物网站，它包含文章、产品系统、金币兑换、金币抢拍、团购、店铺管理系统、订单系统等功能。没有最强大只有更强大目前功能最强大的淘宝客系统支持qq 微博登陆支持关键词搜索淘宝商品支持绑定微博账号发布支持手机访问客户端可以从appcan直接生成安装http://localhot/install 想重新安装请删除 /config/install.lock安

查看详情

为什么vue组件的属性，有的需要加冒号“:”，有的不用?

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

例子：

<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类型

参考：

https://cn.vuejs.org/v2/api/#v-bind

https://cn.vuejs.org/v2/guide/class-and-style.html

推荐学习：《vue视频教程》

以上就是vue有没有冒号的详细内容，更多请关注php中文网其它相关文章！