vue中v-for="" :value=""的冒号什么用

Question

<select v-model="biziLine">
    <option v-for="option in options" :value="option.value"></option>
</select>

//option 中：value的冒号什么用 可以省略吗？

Answer 1

这是v-bind的缩写。当你写过很多v-bind之后你会发现，每次都写这六个字符好烦啊，于是，就可以用 : 来代替它了。你会感谢作者的这一贴心举动的。v-bind

Answer 2

:是v-bind的缩写，是为了动态绑定数据。

上面的答主说冒号不能省略，我觉得这个应该看情况吧。

加上了冒号是为了动态绑定数据，等号后面可以写变量。

如果不使用冒号，等号后面就可以写字符串等原始类型数据。这时就无法进行动态绑定数据了。

Answer 3

冒号不能省略，这是为了区分框架属性和 HTML 原生 value 属性的。至于为什么是用冒号区分，如楼上所说冒号是 v-bind: 的简写。

Answer 4

我也觉得你用vue之前没有好好看官方文档，建议再看一遍api再用，这是最基础的语法了

Answer 5

带:可以理解为动态的属性
像你写的:value或是:class这类，可以根据过程的变化改变值的属性
不带:可以理解成静态的
不随过程变化的属性，就像平时在标签上也可以添加属性data-xxx这样

Answer 6

这年头都不看api的...