Vue中引用Bootstrap【单组件引用】

项目用使用：

npm install bootstrap

安装bootstrap组件，如果安装指定版本则可以输入

npm install bootstrap@xxxx

安装成功之后，在node_moduled中可以看到

则证明你已经安装成功了。

PS：你可以自行准备文件，将对应的文件放到assets中进行引用

如何你想在全局中调用，就在main.js中配置，我这里教的是单组件引用

在基础的Vue结构中，使用import来引用【切记不要使用双script啦】

---------------------------------------------------------------------------------------------------------------------------------

手动分割线，哈哈哈哈。

有一部分小伙伴使用的是bootstrap3版本，就需要引用jquery来使用。【如果可以我是推荐使用bootstrap4以上的版本】

否则会爆以下错误：

Uncaught Error: Bootstrap's JavaScript requires jQuery

下面是应用引用方法：

先安装jquery：npm install jquery

在vue.config.js中

一、定义webpack

二、设置JQuery

      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery",
        Popper: ["popper.js", "default"]
      })

然后重启你的Vue项目，就可以使用啦！！