vue在使用elementui标签的时候，为啥有的属性必须前面必须加“：”，有的却不用加？

Question

Answer 1

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

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

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

：（冒号）的用法：详细可以看官网的章节：模板语法->插值->Attribute

不加冒号的用法：详细可参考w3c对于属性的讲解
elementUI在template上还是遵循vue的，当然，vue的template是遵循HTML

Answer 3

不用加:都是字符串的格式传给el组件，在组件内部对字符串进行解析；
加:的有两种作用，一种是改变数据类型，比如xxx-method属性明显就是需要function类型，这时候传字符串可能就报错了；另一种是动态数据；

Answer 4

使不使用冒号的最本质区别在于：加冒号的属性后面是一个变量或者表达式；不加冒号的属性后面往往就是对应的字符串字面量。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 5

冒号代表vue语法v-bind简写，用于绑定变量（动态数据的），不加冒号的一般是字符串字面量（数据类型一般固定）