VueJS：以冒号为前缀的html属性是什么意思？

Question

示例：

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

此处:options和:model.sync前面的冒号是什么意思？我在互联网上搜索过，无法在任何地方找到答案。

此处显示的示例：https://github.com/Haixing-Hu/vue-select

Answer 1

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

Here's the full documentation for v-bind.

Answer 2

添加到thanksd's answer：

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

Answer 3

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