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目标上没有多余的属性可供参考，也没有明确注册事件监听器。

幕后发生了什么？ v-b-modal如何使用？

Answer 1

在https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/directives/modal/modal.js处查看源代码以了解其实现方式。它们在$root上发出事件，该事件会被模式监听。