如何在Vue项目中巧妙引入JQuery-ui插件实现丰富UI效果？

本文共计221个文字，预计阅读时间需要1分钟。

安装：使用 `npm install jquery-ui-dist -S`

引入：javascriptimport 'jquery-ui-dist/jquery-ui';

修改配置文件：json{ 1: { jquery: 27: { resolve: { extensions: [js, vue, json], alias: { vue$: vue/dist/vue.esm.js, @: src } } } }}

安装：

npm install jquery-ui-dist -S

引入：

import 'jquery-ui-dist/jquery-ui'

更改配置文件：

1、添加jquery:'jquery'

resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), jquery:'jquery', } }, // 添加代码 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", jquery: "jquery", "window.jQuery": "jquery" }) ],

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对自由互联的支持。如果你想了解更多相关内容请查看下面相关链接