首页 > Web开发 > 详细

Vue学习笔记(一):引入Bootstrap和jQuery

时间:2020-06-13 00:42:20      阅读:43      评论:0      收藏:0      [点我收藏+]

环境

vue-cli@4

Bootstrap@4

jquery@3.5.1

安装所需的Bootstrap,jquery,popper.js

npm install bootstrap@4 jquery popper.js --save-dev

引入jquery

在这个版本的vue-cli下(version >= 4.0.0),直接在需要用到的地方以如就可以了,示例如下

<script>
import $ from ‘jquery‘

$(document).ready(function(){
    alert(123);
});
</script>

 

引入Boostrap,popper.js或其他

在入口文件main.js中引入,popper.js为Bootstrap@4中新引用的,Bootstrap@3不用

import ‘bootstrap/dist/css/bootstrap.min.css‘
import ‘jquery/dist/jquery.min.js‘
import ‘bootstrap/dist/js/bootstrap.min.js‘
import ‘font-awesome/css/font-awesome.min.css‘
import store from ‘@/store/index.js‘

 

Vue学习笔记(一):引入Bootstrap和jQuery

原文:https://www.cnblogs.com/WattWang/p/vuestudy001.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!