vue使用jquery

最新推荐文章于 2024-06-16 12:52:01 发布

清新小伙子

最新推荐文章于 2024-06-16 12:52:01 发布

阅读量636

点赞数

分类专栏： vue jquery 文章标签： vue jquery

本文链接：https://blog.csdn.net/m0_46627730/article/details/105465350

版权

vue 同时被 2 个专栏收录

51 篇文章 2 订阅

订阅专栏

jquery

1 篇文章 0 订阅

订阅专栏

一：终端控制台下载jquery
输入npm install jquery -s，默认下载最新版本，你需要控制版本下载，可以在jquery后加@版本。
在这里插入图片描述

二：配置
打开build文件夹下的webpack.base.conf.js文件：
1、首行添加：const webpack=require(‘webpack’)
2、module.exports中添加：

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

在这里插入图片描述
三：在main文件中引入jquery即可

import $ from 'jquery'

四：效果

<template>
  <div >
    <p class="my-p">
      哈哈
    </p>
  </div>
</template>
<script>
  export default {
    name: 'demo',
    mounted () {
      console.log('使用jquery      ' + $('.my-p').text())
    }
  }
</script>