Когда использовать «:» для свойства, переданного компоненту в 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 среднего значения для привязки данных, что означает, что в вашем случае :option означает, что строка справа является переменной javascript. в то время как последний является просто обычным объектом javascript, нет необходимости в привязке. вот некоторые ссылки: https://v1.vuejs.org/guide/syntax.html