使用 Vue cli 脚手架创建项目，并使用 NPM 安装了JQuery ,且配置为全局引用。 //================================= package.json “dependencies”: { … “jquery”:"^3.2.1" }, //================================ webpack.base.conf.js var webpack = require(“webpack”)

module.exports ={ … plugins: [ new webpack.ProvidePlugin({ $: “jquery”, jQuery: “jquery”, “window.jQuery”: “jquery” }) ] … } //================================ main.js import $ from ‘jquery’ //=============== ================= 创建了一个组件 Category.vue <template> … … </template>

<script> import '../js/PicCarousel.js' //这个JS 是基于JQ 写的。 export default { methods:{ UIInit(){ //在这里的写了个测试语句，能正确执行 let CategoryName = $(".carousel .poster-list li").first().text(); } } } //=============== ================= PicCarousel.js (function($){ me.posterItems = me.poster.find("li.poster-item"); if(me.posterItems.size() % 2 == 0){ } 在这里JQ的 .size(),.eq() ,first(),last() 等方法 全部不能用，在非VUE项目里面就能正常使用。是配置问题吗？还是什么其他原因？ }(jQuery));