最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue引用BootStrap以及引用bootStrap-vue.js問(wèn)題

 更新時(shí)間：2023年10月26日 10:39:14   作者：ZNineSun  
這篇文章主要介紹了vue引用BootStrap以及引用bootStrap-vue.js問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

先引入jquery

1.先使用指令：

npm install jquery --save-dev

2.在webpack.base.conf.js（如果是是開(kāi)發(fā)[dev]環(huán)境則在webpack.dev.conf.js；

兩個(gè)文件都在bulid目錄下；

請(qǐng)一定注意，我在操作的時(shí)候就是找錯(cuò)了文件，半天都沒(méi)有弄對(duì)；）中添加如下內(nèi)容：

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

3.在main.js進(jìn)行注冊(cè)

import $ from ‘jquery'

到此jquery就引入結(jié)束了，接著看如何引入傳統(tǒng)的bootStrap

引入BootStrap

1.使用指令：

npm install bootstrap --save-dev

2.安裝成功后，能夠在package.json文件夾中看到bootstrap這個(gè)模塊。

這時(shí)候需要在main.js中添加如下內(nèi)容：

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

至此bootStrap也引入結(jié)束，接下來(lái)我們的重點(diǎn)來(lái)了，因?yàn)锽ootStrap與VUE有一個(gè)專(zhuān)門(mén)的設(shè)計(jì)叫做bootstrap-vue.js，所以我們引入它之后就可以直接使用它們提供的專(zhuān)有樣式，比原生的bootStrap要好看很多

1.使用指令：

npm i vue bootstrap-vue bootstrap

2.在main.js文件中添加：

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

至此所有的引用均都結(jié)束了

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

松阳县| 永仁县| 合水县| 皮山县| 邵武市| 小金县| 德化县| 阜南县| 桂东县| 治县。| 莱州市| 连州市| 枣阳市| 万年县| 南岸区| 济宁市| 梁山县| 营口市| 灵武市| 武宣县| 武陟县| 闵行区| 靖州| 广宁县| 姜堰市| 贵德县| 黄梅县| 富锦市| 汉中市| 颍上县| 腾冲县| 肥东县| 潼关县| 扎兰屯市| 高碑店市| 汝州市| 宽城| 泰安市| 鲁甸县| 江城| 安阳市|