如何在Vue.js app l中使用模态

Question

我正在将jQuery应用程序迁移到Vuejs2。我真的很喜欢Vue，但我不确定模态组件的最佳方法是什么（我正在使用Bootstrap4用于css和模态组件）。我想做这样的事情：

    addMore: function(){
       alert("adding more");
       var html = HandlebarsTemplates['vendors/pricings/dashboard/modals/change-pricing-model']();
       $('.modal-content').html(html);
       $('#myModal').modal('show')
    },

并且：

<div v-on:click="addMore">add more</div>

但是，据我所知，这不起作用。在Vue应用程序中使用模态的标准模式是什么（最好使用Bootstrap）？