vue引入jquery的方法

vue引入jquery的方法

1、局部引入

通过命令下载jquery npm install jquery --save-dev

在需要引入jquery的组件中通过import $ from 'jquery'引入即可

2、全局引入

通过命令下载jquery npm install jquery --save-dev

方法一

在项目目录下build下的webpack.base.conf.js文件头部加入

var webpack = require('webpack')

并在module.exports的尾部加入

plugins: [
　　new webpack.optimize.CommonsChunkPlugin('common.js'),
　　new webpack.ProvidePlugin({
　　　　jQuery: "jquery",
　　　　$: "jquery"
　　})
]

重启服务 npm run dev生效

方法二

在项目目录下build下的webpack.base.conf.js文件头部加入

var webpack = require('webpack')

resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

'vue$':"vue/dist/vue.esm.js",

'@': resolve('src'),

'jquery':'jquery'

}

plugins:[

new webpack.ProvidePlugin({

jQuery:"jquery",

$:"jquery"

})

重启服务 npm run dev生效

vue引入jquery的方法相关推荐

【Vue】Vue引入bootstrap的方法
方法一:在main.js中引入(1) npm i jquerynpm i bootstrap 在main.js中 import 'jquery/dist/jquery.min'import 'boot ...
vue 引入 jquery
vue中引入jquery 安装jquery包 npm install jquery --save 配置vue.config.js const webpack = require('webpack'); ...
vue引入JQ的方法
在vue中引入jq 用vue-cli脚手架工具构建项目成功后当需要引入JQ,可用以下方法: 1.首先在package.json里的dependencies加入"jquery" : ...
vue引入jQuery
1.npm install jquery --save 2.在vue.config.js加入以下代码 const webpack = require('webpack') module.exports ...
vue 引入自定义js方法并调用
自定义common.js公共方法 //第一种方法:export 导出函数 export function getWinGoods(that,header, params) {return new Pr ...
vue全局安装jquery，vue使用bootstrap框架，vue中封装websocket通讯，vue引入element-ui 组件库，引入highcharts图表插件
vue安装jquery: 1.使用vue-cli创建好vue项目后,在项目文件夹下,使用命令npm install jquery --save-dev 引入jquery. 2.修改项目文件 build ...
Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
在vue项目中正确的引入jquery
最近学习vue,习惯性的通过<script>标签引入jquery,写完后报错才想起来,这种方式在vue是不适用的. 1:因为已经安装了vue脚手架,所以需要在webpack中全局引入jqu ...
vue学习笔记十：Vue中引入jquery
文章目录前言一.引入方式 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目二.使用方法 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目总结前言本篇实现vu ...

vue引入jquery的方法

vue引入jquery的方法相关推荐

最新文章

热门文章