目錄

?

過(guò)程演示

源碼打包下載

---

過(guò)程演示

首先在項(xiàng)目中導(dǎo)入插件：

npm install jquery --save npm install bootstrap --save npm install popper.js --save

程序結(jié)構(gòu)如下：

index.js中添加如下代碼

import '../../node_modules/bootstrap/dist/css/bootstrap.css'; import '../../node_modules/bootstrap/dist/js/bootstrap.js';

webpack.bas.config.js中添加如下代碼：

const webpack = require('webpack') module.exports = {............,plugins: [new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery"})] }

HellWorld.vue中使用展示：

<template><div class="hello"><h1>{{ msg }}</h1><button class="btn btn-primary" @click="go">點(diǎn)我跳轉(zhuǎn)</button></div> </template>

程序運(yùn)行截圖如下：

?

?

源碼打包下載

https://github.com/fengfanchen/frontUI

總結(jié)

以上是生活随笔為你收集整理的前端笔记-vue中引入Bootstrap的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。