使用Bootstrap 4 Popover与Vue和Webpack

Question

我从这个模板开始了一个Vue项目：https://gist.github.com/Henry-Keys/856bc84355b30c4095c88b8c28d547da

我使用Bootstrap 4作为独立的NPM软件包使用它：

"dependencies": {
  ...
  "bootstrap": "^4.0.0",
  "jquery": "^3.2.1",
  "popper.js": "^1.12.9",
  ...
},

我在main.js中导入了Bootstrap，如下所示：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

我想使用https://github.com/vuejs-templates/webpack组件，但是当我将标记添加到模板中的A标记时：

<a href="#" data-toggle="popover" title="Title" data-content="Content">Choose</a>

然后我调用初始化（从控制台开始）：

$('[data-toggle="popover"]').popover()

我收到以下错误：

  

未捕获TypeError：$（...）。popover不是函数       时间：1：30   （匿名）@ VM30076：1

我应该如何使用Popover组件？我在哪里加载它？