Vuejs2 如何为VueJS单页应用导入Bootstrap 4工具提示插件？

我正在尝试将Bootstrap 4与VueJS单页应用程序一起使用，但不知道如何让它工作。（注意：我知道有一个Bootstrap vue项目，但我现在还不想使用该项目）

以下是我的简单测试：

<template>
  <div>
    <span id='tip'>Test link</span>
  </div>
</template>

<script>
import $ from 'jquery';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/js/dist/popover.js';
import 'bootstrap/js/dist/tooltip.js';

export default {
  name: 'test',
  created: function() {
    $('#tip').tooltip({
      title: 'hello world'
    });
  }
};
</script>

测试链路
从“jquery”导入美元；
导入'bootstrap/dist/css/bootstrap.min.css'；
导入“bootstrap/js/dist/popover.js”；
导入“bootstrap/js/dist/tooltip.js”；
导出默认值{
名称：'测试'，
已创建：函数（）{
$（“#提示”）。工具提示({
标题：“你好，世界”
});
}
};

但是，这只是渲染链接，没有工具提示

---

控制台中没有错误。那么，我做错了什么

结果是我需要使用

mounted

属性，而不是

created

属性。解决了

正如我不和谐地回答： 解决方案是使用mounted而不是created，这样您就可以访问dom以使这种方法（基本上）正常工作

更多关于Vue生命周期挂钩的信息