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

Posted 黑子Kuroko

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么vue组件的属性,有的需要加冒号“:”,有的不用?相关的知识,希望对你有一定的参考价值。

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

 

例子:

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

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

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

</el-radio-group>

输出:truefalse   值是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组件的属性,有的需要加冒号“:”,有的不用?的主要内容,如果未能解决你的问题,请参考以下文章

vue组件中的“:”“@”“.”属性

为什么有的插件安装需要用Vue.use()方法

vue中的属性的冒号:

关于Vue3的defineProps用法

vue2循环数组对象,没有的属性会报错,怎么办

Element中(Notification)通知组件字体修改(Vue项目中Element的Notification修改字体)