0

plugins:[

new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
})

]
使用了这个还是不可以,
大家是怎么解决的

查看全部 9 个回答

0

用了vue就放弃用jq吧

该答案已被忽略,原因:不符合答题规范,内容不是答案,可用评论、投票替代

推荐答案

3

谁说vue中不能用vue的,都是扯,虽然官方不推荐并且设计思想两者不同,但在使用也无大碍。
但原则上,我支持不使用jq!
vue中所有的dom操作都是vue在指令中代你执行了。并且提一下vue中有一个$refs,可以通过这个来获取元素dom对象
这是我的,有兴趣可以去看看,欢迎star以及issue https://github.com/allan2code...
不扯了,还是先讲怎么调用jq吧。

1、全局使用,webpack:

npm install jquery --save-dev

  plugins:[
    new webpack.ProvidePlugin({
      $:"jquery",
      jQuery:"jquery",
      "window.jQuery":"jquery"
    })
  ]

2、局部组件使用,webpack:

//第一步安装:

npm install 'jquery'

//第二步需要的组件内引用:

import $ from 'jquery'

3、require.js或sea.js:

var $ = require('jquery');

4、script标签
直接在html中插入

5、expose-loader
不需要任何其他的插件配合,只要将下面的代码添加到所有的loader之前

 {
    test: require.resolve('jquery'),
    loader: 'expose?jQuery!expose?$'
 }

引用时改为如下方式

import $ from 'expose?$!jquery'

暂时想到这些。