vue.js jquery如何混用

Question

直接在html页面引入的vue和jquery，写完vue后，jquery的一些点击 弹窗的效果都没用了
会不会是是要在vue渲染玩页面后才能有效 那要怎么写呢

Answer 1

虽然不推荐，但是非得做的话，也可以。

文档 https://cn.vuejs.org/v2/api/#...
在nextTick这个回调里面写你的jquery相关代码，再操作dom

Answer 2

这个容易，你可以看一下示例：
首先使用npm安装jquery：

npm install jquery --save

然后在vue中导入并应用如下例子：

import $ from 'jquery' //导入jquery
import headTop from '@/components/headTop.vue'
import endLine from '@/components/endLine.vue'
    
export default {
    
  name: 'new',
  components: {
    headTop,
    endLine,
  },
mounted(){
//这里面写初始化的Jquery，在生命周期的mount阶段才有用。

        $(".div").text("服务器未响应或未连接服务器 \n 无资源");
    
},
methods:{
//这里面写方法里面调用jquery也是可以的

success:function(){
$(".div").text("获取资源成功！");
}
}

Answer 3

如何混用~
随便混用~
如果是绑定的事件没效果? 可能是动态生成的dom 没有绑定成功,
用$(document).on("click", "元素", function(){}) 去绑定

Answer 4

可以用啊，DOM就是一盘菜，用刀叉用筷子勺子都一样吃。

Answer 5

在webpack.config.js中增加如下配置,

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

然后在Vue的mounted方法中应用你的jQuery函数调用.

Answer 6

放弃jquery 用vue实现了

Answer 7

webpack 官方文档有介绍：
https://webpack.js.org/plugin...