在vue模板引入jQuery报错,谁知道怎么解决?
很高兴回答这个问题,我是路飞写代码,欢迎关注我,带你一起长知识。
我做前端五六年,来回答一下你的这个问题,现在正处在迷茫的前端新手也将会清楚这块内容到底怎么处理。
01Webpack4开箱支持import,但是模块必须是es6或者可以被转化成commonjs和amd规范
虽然webpack4开箱支持import语法,但是是条件的,必须遵循cmd,amd规范。
根据你的截图应该是用到了jquery的插件webupload组件,这种模式应该是之前传统jquery的插件方式。所以肯定是引入不会成功,因为你的引入jquery并没有到全局windows对象上,插件里肯定引用不到。
02这种方式如何使用,有一种办法我认为合理简单
那就是在index.html页面中引入相应的js,然后在具体的Vue页面里就可以使用了,用法与传统方式没有多少差别。
03如何去正确使用import,require关键字,需要去钻研commonjs,amd规范深入学习一下这块的内容,你就会明白万变不离其宗,其实都很简单,而你学会后甚至可以自己改造现有的不支持模块引入的类库。
好了,今天的回答就到这儿了,如果你愿意深入学习,可以花点时间在上面钻研一下。
我是路飞写代码,欢迎关注我,带你一起长知识!
单独建一个vue文件,里面写
import $ from "jquery"
window. $=$
window. jQuery=$
export default $
将上面文件当做一个模块,你要在哪个页面使用jq,就引入这个模块就好。
开发的世界,什么情况都可能遇到,那些说弱鸡才引入jq的,还是开发年龄太短,遇到问题太少。
我react的项目,做到一半,团队要求使用ztree做一个很重要的功能,但是ztree是依赖jq的,肯定要自己想办法啊
首先你这引入方式是模块化引入方式,引入的模块需要export方式导出。很明显你导入的静态jq是全局window属性,并不是cmd或amd模块。
Vue用jq,真有意思啊
直接在页面中用script标签引入就行了
npm i jquery --save。配置webpack,plugins:[new webpack.ProvidePlugin({$:jquery})]
菜鸡才会m在vue 里面引入jq
你这种引入当时,jquery是不支持的。要用require。具体的我也不是太清楚,你可以查一下前端引入模块具体。
vue多好啊,还用jquery干嘛
别说你用jquery 是为了同 ajax
推荐阅读: