VueJS：带有冒号前缀的html属性表示什么？

猴子JinJin2020-03-19

例：

<vue-select 
  class="vue-select1" 
  name="select1"
  :options="options1" 
  :model.sync="result1"
></vue-select>

前面:options和:model.sync这里的冒号是什么意思？我在互联网上进行了搜索，但找不到任何答案。

Near神奇2020/03/19 11:48:43

在中使用冒号时要小心，HTML因为在中选择属性，CSS并且JQuery与冒号具有不同的含义。在CSS和中JQuery，冒号表示a pseudo-selector，与不同于v-bind;

理查德小胖Harry2020/03/19 11:48:43

这些是动态属性。基本上，这意味着Vue.js将允许您将这些属性的值设置为变量，并且当这些变量的值更新时，这些属性的值也会更新。

卡卡西乐逆天2020/03/19 11:48:43

在Vue模板中，以:html属性为前缀的冒号是的简写v-bind。

Newest Answer