在vue中使用 jquery 的两种方法

方法一：直接在vue项目的index.html中引入外部链接即可#index.html文件中<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>不推荐：因为引入外部链接或者引入下载好的js文件这种方式不参与打包，需要下载到本地的jquery文件引入才可方法二安装依赖

RxnNing

6959人浏览 · 2020-11-30 16:59:39

RxnNing · 2020-11-30 16:59:39 发布

方法一：

直接在vue项目的index.html中引入外部链接即可

#index.html文件中
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

不推荐：因为引入外部链接或者引入下载好的js文件这种方式不参与打包，需要下载到本地的jquery文件引入才可
方法二
安装依赖包

npm i jquery --save-d

全局引入

# 在src/main.js文件
import jquery from 'jquery'
Vue.prototype.$ = jquery

局部引入

#在需要的组件中
import $ from 'jquery'

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^