javascript - 了解未记录的 Vue.js 属性 (Vue + Pug)

Question

所以我只是浏览某些 vue.js 代码 HERE 。并发现下面的代码:

menu-dropdown.task-dropdown(
  v-if="!isRunningYesterdailies",
  :right="task.type === 'reward'",
  ref="taskDropdown",
  v-b-tooltip.hover.top="$t('options')"
)

我不太明白代码中插入的这个属性:right？它在做什么以及它的目的是什么，我是 Vue.js 的新手，但是通过环顾四周，我能够找到除了这个名为 :right 的属性之外的其余属性的文档？有人能解释一下吗？

Answer 1

html 属性前面的

: 是 v-bind 指令的简写。 v-bind 允许您做的是为指定的 html 属性提供一个变量值。例如:v-bind:alt="kittenPhotoDescription" 与 alt:"kittenPhotoDescription" 相同。

Here可以在文档中找到它。