Как работают неопределенные компоненты в Vue.js - Vue.js + Pug - PullRequest
Новая
       14

Как работают неопределенные компоненты в Vue.js - Vue.js + Pug

1 голос
/ 01 июня 2019

Я просто просматривал код Vue.js прямо ЗДЕСЬ . И наткнулся на следующий код Vue.js + PUG, в основном это просто шаблон PUG: 

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

Теперь, когда что-то вроде ниже в PUG, я понимаю, что div с классами будет выведено. 

.d-flex.justify-content-between

Но как быть, когда чему-то не предшествует .? Что это значит?

Как и то, что именно menu-dropdown, я думал, что это компонент, но когда я смотрю в конец файла, я не вижу компонента с именем .menu-dropdown, т.е. я вижу только следующие загруженные компоненты: 

components: {
  approvalFooter,
  approvalHeader,
  MenuDropdown,
},

Так откуда взялся .menu-dropdown и что именно?

1 Ответ

1 голос
/ 01 июня 2019

Похоже, без начальной точки, мопс визуализирует компонент 

<menu-dropdown class="task-dropdown" ...more data here../ ></menu-dropdown>

Vue автоматически создает псевдоним от имени пользователя до имени пользователя и наоборот, так что вы можете использовать все, что захотите. Обычно лучше использовать имя пользователя в JavaScript и имя пользователя в шаблоне.

...