Как работают такие атрибуты, как `v-b-modal` и` v-b-toggle`? Где их слушали?

Question

Я хочу добавить пользовательский атрибут, подобный этим двум, и запускать другие события.Но я не могу выяснить, как они работают.

Например:

<b-button v-b-modal.modal-1>Launch demo modal</b-button>

// Generated html5 tag
<button type="button" class="btn btn-secondary">Launch demo modal</button>

В сгенерированной цели html5 для справки нет дополнительных атрибутов, а также явно не зарегистрировано прослушиватель событий.

Что происходит за сценой?Как vb-модал привык?

Answer 1

Проверьте исходный код на https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/directives/modal/modal.js, чтобы увидеть, как они реализованы.Они генерируют события на $root, которые модал слушает.