热门关键字:
jquery > jquery教程 > jquery教程 > vue vue-cli3.0中引入JQuery

vue vue-cli3.0中引入JQuery

322
作者:管理员
发布时间:2021/5/22 17:48:59
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4774
  Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考。


  在 Vue CLI2.0 中引入 jQuery 和 Bootstrap 需要设置很多配置项,网上有很多方法法,这里不重复写了。直接上 Vue CLI3.0 配置步骤。


  其中popper.js 用于在 Bootstrap 中显示弹窗、提示、下拉菜单,所以需要引入。


  注意:上面的 bootstrap@3 指的是安装 Bootstrap 第三版,如果不加 @3 符号,默认安装第四版。


  引入 Boostrap 请看配置文件。


  我的 APP.vue 的配置,只是引入 bootstrap.css,代码仅供参考。


  Vue CLI3.0 中的所有配置都在 vue.config.js 文件,你在这里配置好,脚手架自动使用你的配置覆盖掉默认的配置。


  如果你的项目中没有 vue.config.js 文件,请你在 package.json 文件的同级目录新建一个 vue.config.js 文件。文件内具体的配置如下:


  我做了一个 tooltip 的示例,鼠标放上去会出现 tooltip 提示


  如果 eslint 报误,请设置 .eslintrc.js 文件。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐