http://www.maxxaid.com

                                                                  【东京好运彩app】vue能用bootstrap吗-Bootstrap教程

                                                                  如果你想了解更多关于bootstrap的知识,可以点击:bootstrap教程

                                                                  一、引入jquery

                                                                  步骤:

                                                                  1、安装jquery

                                                                  $ npm install jquery --save-dev

                                                                  2、在webpack.config.js 添加内容

                                                                  + const webpack = require("webpack");module.exports = {    ent(ry: './index.js',    output:) {        path: path.join(__dirname, './dist'),        publicPath: '/dist/',        filename: 'index.js' [   },  + plugins: [        new webpack.ProvidePlugin({            jQ,uery: 'jquery', ]           $: 'jquery'        })    ]}

                                                                  3、在入口文件index.js 里面添加内容

                                                                  import $ from 'jquery' ;

                                                                  4、测试一下是否安装成功,看看能否弹出'123'

                                                                  <template>  <div>   Hello world!  </div></template><script>$(function () {      alert(123);   }); export default {};</script><style></style>

                                                                  二、引入Bootstrap

                                                                  1、安装Bootstrap

                                                                  $ npm install --save-dev bootstrap

                                                                  2、在入口文件index.js里引入相关

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

                                                                  3、添加一段Bootstrap代码

                                                                  <div class="btn-group" role="group" aria-label="...">        <button type="button" class="btn btn-default">Left</button>        <button type="button" class="btn btn-default">Middle</button>        <button type="button" class="btn btn-default">Right</button>      </div>

                                                                  4.运行,查看效果 这些按钮已经变成Bootstrap按钮组了

                                                                  boot11.png

                                                                  以上就是vue能用bootstrap吗的详细内容,更多请关注php中文网其它相关文章!

                                                                1. 微信
                                                                2. 分享php中文网最新课程二维码相关标签:vue bootstrap
                                                                3. 本文原创发布php中文网
                                                                4. 郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:Google Pixel 4外型曝光!去掉「浏海」、方形镜头和新iPhone撞型
                                                                  下一篇:没有了