Twitter bootstrap 将Bootstrap 4 Popover与Vue和Webpack一起使用

Twitter bootstrap 将Bootstrap 4 Popover与Vue和Webpack一起使用,twitter-bootstrap,webpack,vue.js,vuejs2,bootstrap-4,Twitter Bootstrap,Webpack,Vue.js,Vuejs2,Bootstrap 4,我有一个基于此模板的Vue项目: 我将它与作为独立NPM包安装的Bootstrap 4一起使用: "dependencies": { ... "bootstrap": "^4.0.0", "jquery": "^3.2.1", "popper.js": "^1.12.9", ... }, 我在main.js中导入了引导,如下所示: import 'bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css'; 我想使用

我有一个基于此模板的Vue项目:

我将它与作为独立NPM包安装的Bootstrap 4一起使用:

"dependencies": {
  ...
  "bootstrap": "^4.0.0",
  "jquery": "^3.2.1",
  "popper.js": "^1.12.9",
  ...
},
我在main.js中导入了引导,如下所示:

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
我想使用该组件,但将标记添加到模板中的A标记时:

<a href="#" data-toggle="popover" title="Title" data-content="Content">Choose</a>
我收到以下错误:

未捕获的TypeError:$(…)。popover不是函数 时间:1:30 (匿名)@VM30076:1


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

jQuery在全球范围内不可用。这更像是一个普通的问题,谢谢你的建议!看起来我通过在main.js(Vue应用程序起点)中插入以下行解决了这个问题:
window.$=require('jquery')除此之外,所有其他模块导入所有导入,我是否可以重写它以匹配它们?正如你们所看到的,我并不是真的喜欢模块绑定……你们可以使用Webpack将jQuery公开给每个模块,而不是绑定它。为什么不使用类似的东西呢?
$('[data-toggle="popover"]').popover()