vue.js - 何时在传递给 Vue 组件的属性上使用“：”？

Question

我在一个组件中看到了一个示例代码块，它向下传递了两个道具。一个使用“：”，而另一个不使用。但我无法弄清楚为什么一个人需要而一个人不需要。它代表什么以及它如何影响传递的信息？

<date-picker
      format="D MMM YYYY"
      :options="{ firstDay: 1 }">
</date-picker>

并在组件内部

    props: {
        format: { default: 'YYYY-MM-DD' },
        options: { default: {} }
    }

Answer 1

:在模板中是 v-bind mean for data binding 的简写，在您的情况下，这意味着:option告诉右侧的字符串是 javascript 变量。而后者只是一个普通的 javascript 对象，不需要绑定。这里有一些参考链接：https ://v1.vuejs.org/guide/syntax.html