vue引入引导框架的方法

　　介绍

这篇文章给大家分享的是有关vue引入引导框架的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。


步骤:

1。安装jquery

npm安装jquery美元——save-dev

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

+ const webpack=要求(“webpack"); 　　模块。出口={ 　　条目:& # 39;。/index.js& # 39; 　　输出:{ 　　路径:路径。加入(__dirname & # 39;。/dist # 39;), 　　publicPath: & # 39;/dist/& # 39; 　　文件名:& # 39;index.js& # 39; 　　}, 　　+插件:[ 　　新webpack.ProvidePlugin ({ 　　jQuery: & # 39; jQuery # 39; 　　美元:& # 39;jquery # 39; 　　}) 　　] 　　}

3。在入口文件索引。js里面添加内容

进口$ & # 39;jquery # 39;;

4。测试一下是否安装成功,看看能否弹出& # 39;123 & # 39;

& lt; template> 　　& lt; div> 　　你好世界! 　　& lt;/div> 　　& lt;/template> 　　& lt; script> 　　$(函数(){ 　　警报(123); 　　}); 　　出口默认{ 　　}; 　　& lt;/script> 　　& lt; style> 　　& lt;/style>

<强>

1,安装引导

npm美元安装——save-dev引导

2,在入口文件索引。js里引入相关

进口& # 39;。/node_modules/引导/dist/css/bootstrap.min.css& # 39;; 　　& # 39;进口。/node_modules/引导/dist/js/bootstrap.min.js& # 39;;

3,添加一段引导代码

& lt; div类=癰tn-group"角色=癵roup"aria-label=啊霸? 　　& lt;按钮类型=癰utton"类=癰tn btn-default"祝辞Left 　　& lt;按钮类型=癰utton"类=癰tn btn-default"祝辞Middle 　　& lt;按钮类型=癰utton"类=癰tn btn-default"祝辞Right 　　& lt;/div>

4,查看效果

vue引入引导框架的方法

感谢各位的阅读!关于vue引入引导框架的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

vue引入引导框架的方法