Vue基础知识-(十四)Vue-cli4安装JQuery

本文最后更新于:February 16, 2022 pm

Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,方便与第三方库或既有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

目录

步骤:

    1. 安装
    1. 添加vue.config.js文件
    1. 引入

安装

1
npm install jquery --save

添加文件

项目根目录下创建,不是在 src 目录下创建!并添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//vue.config.js


// 引入jq需要加入以下代码
const webpack = require('webpack')

module.exports = {
chainWebpack: config => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
}
}

引入

1
import $ from 'jquery'

然后再使用即可。