Использование Bootstrap 4 Popover с Vue и Webpack

Question

У меня запущен проект Vue по этому шаблону: https://github.com/vuejs-templates/webpack

Я использую его с Bootstrap 4, установленным в качестве отдельного пакета NPM:

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

Я импортировал Bootstrap в main.js следующим образом:

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

Я хотел бы использовать компонент Bootstrap 4 Popover , но когда я добавляю разметку к тегу A в шаблоне:

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

А потом я вызываю инициализацию (пока из консоли):

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

Я получаю следующую ошибку:

Uncaught TypeError: $ (...). Popover не является функцией в: 1:30 (анонимно) @ VM30076: 1

Как использовать компонент Popover? Где я должен загрузить его?