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

Question

例:

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

前面:options和:model.sync这里的结肠是什么意思？我在互联网上搜索过,无法在任何地方找到答案.

Answer 1

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

React 的等效方法是用大括号替换属性值周围的引号，在 Vue 中你会使用 `:options="options1"`，但 React 会执行 `options={options1}`。 (2认同)

Answer 2

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