vue开发如何正确引入jquery插件

vue开发如何正确引入jquery插件，下面web建站小编给大家详细介绍一下具体实现代码！

安装脚手架

npm install jquery --save

在vue.config.js中配置jquery

const webpack = require('webpack')
module.exports = {
  chainWebpack: config => {
    config.plugin('provide').use(webpack.ProvidePlugin, [{
      $: 'jquery',
      jquery: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }])
  }
}

页面中引用

import $ from "jquery";

Ps：vue.config.js是vue-cli3之后新增的一个功能，再这个版本里面如果要配置webpack相关的属性，就需要自己在项目根目录新建vue.config.js这个文件，然后在该文件里面去写入你需要的等等配置。

jquery3D相册展示效果插件

jquery鼠标滑过图片边框特效（jquery.focus-follow插件）

创建Vue3.0需要安装哪些脚手架

标签： jquery插件, vue-cli3, 安装脚手架

上面是“vue开发如何正确引入jquery插件”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3566.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！