vue使用jquery
2019-05-22 16:34
232 查看
用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法:
1.首先在package.json里的dependencies加入
"jquery" : "^3.2.1",
2.在终端里输入
npm install jquery –save-dev 当然用 淘宝镜像 cnpm 也是可以的
注意:jquery 一定要小写 不然会提示 Please use ‘jquery’ (all lowercase)
3.找到build文件夹下的webpack.base.conf.js文件,打开,在第一行添加:
var webpack=require(‘webpack’)
在module.exports里输入:
plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery" }) ],
4.在入口文件main.js中输入:
import $ from 'jquery'
5.然后再重新运行一下就行了
相关文章推荐
- vue 项目如何使用 jQuery
- 怎么再vue中使用jquery?
- Vue 中使用 jQuery
- [译]怎样在Vue.js中使用jquery插件
- 在vue项目中使用Jquery-contextmenu插件的步骤讲解
- vue webpack中使用jQuery
- 关于vue框架与jquery的datatable结合使用心得
- vue项目中使用jQuery
- 在vue里使用 jquery
- 浅析angular,react,vue.js jQuery使用区别
- 如何在vue.js中使用jQuery 插件
- 使用vue与jquery实时监听用户输入状态的操作代码
- 在vue中使用jQuery的方法
- Vue 中使用 jQuery
- 分别使用使用jQuery和Vue完成点餐系统
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- Vue配合jQuery+Ajax使用
- 浅析angular,react,vue.js jQuery使用区别
- 如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
- 使用vue-cli开发过程中如何把jQuery设置为全局