bootstrap的modal 无法关闭（event事件未绑定上）

记录问题

modal弹框无法关闭，今天碰到一个不太常见无法关闭的问题

业务需求是页面加载完直接弹框显示详情信息；

一开始是在created中触发显示弹框，但无法关闭modal，原因就是：

在created执行过程中页面引入的 jquery.js 和 bootstrap.js已经加载完，所以可以执行 $("").modal("show")，此时页面创建完成，并没有挂载到实例中，同理，打开的弹框就是页面创建成功，但是并没有给modal绑定上事件，所以导致无法关闭。

解决办法就是在mounted中执行，实例被挂载页面全部渲染完成后会进行绑定。

这跟生命周期相关，理解也不是很渗透，只是本人的想法。

当然也不建议jQ和Vue 混用，本人做的是老项目的原因。还是有很多问题比如：jQ绑定事件后，Vue的数据还没有加载完成，加载完成后的元素并没有绑定上数据等问题。