vue有沒有冒號

vue中是有冒號的；通過查看Vue的API文檔時，我們會發現冒號“:”其實是“v-bind”的縮寫，所以在使用上，一般的常量屬性不用添加冒號，如果是會產生變化的值則要加上冒號。

本教程操作環境：Windows10系統、Vue 3版、Dell G3電腦。

vue有沒有冒號？

有。

Vue中的冒號變量

在使用Vue中經常看到HTML中有些標簽屬性前面添加了“：”，有些沒有。

查看Vue的API文檔時我們會發現冒號“：”其實是v-bind的縮寫。

所以在使用上，一般的常量屬性我們不用添加冒號；如果是會產生變化的值則要加上冒號。

關于vue屬性使用和不使用冒號的區別說明

相關介紹：

為什么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視頻教程》