Что означает двоеточие перед cx и cy в этом коде? - PullRequest
Новая
       51

Что означает двоеточие перед cx и cy в этом коде?

0 голосов
/ 15 января 2020 
<circle
   r="3"
   :cx="airport.x"
   :cy="airport.y"
   class="airport__marker"
/>

Это то же самое, что v-bind: cx и v-bind: cy?

1 Ответ

0 голосов
/ 16 января 2020

Этот код выглядит так, как будто он взят из приложения Vue. В частности, шаблон Vue.

:cx="airport.x" - это сокращенная форма v-bind:cx="airport.x"

, которая говорит, что получить значение атрибута cx из переменной airport.x в коде , Так что если airport.x = 100, то сгенерированный SVG будет иметь cx="100".

Подробнее об этом можно прочитать здесь: https://vuejs.org/v2/guide/syntax.html#Shorthands

...