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

Posted 2021-11-30 liuqiyun

https://segmentfault.com/q/1010000010929963/a-1020000010930077

 

<tab :line-width="2" active-color="#fc378c">
  <tab-item :selected="demo2 === item" 
            v-for="item in list2" 
            @click="demo2 = item"></tab-item>
</tab>

其中:line-width有:前缀，而active-color则不用。
是由于数据类型的关系吗？
比如Boolean+Number类型因为是properties就需要加:，而String因为是attribute所以不需要？

答案：

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