引入 bootstrap 与jquery

最后更新于:2022-04-02 03:31:36

[TOC] ## 安装 jquery ``` npm install jquery ``` vue.config.js` ``` const webpack = require("webpack"); module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery", Popper: ["popper.js", "default"] }) ] } }; ``` `main.js` 中 ``` new Vue({ router, store, $, render: h => h(App) }).$mount("#app"); ``` 在 `*.vue`局部中 ``` import $ from "jquery"; ``` ## 安装 bootstrap ``` npm install bootstrap@3 ``` 在 `main.js` 或`*.vue` 中 ``` import "bootstrap/dist/css/bootstrap.css"; import "bootstrap/dist/js/bootstrap.min.js"; ```
';