vue 中使用jquery
2017-11-16 15:40
567 查看
1.安装jquery
2.配置 webpack
找到 build/webpack.base.conf.js 文件。
在开头 添加
3.在main.js 中引入jquery
import 'jquery'
4. eslint 检查
在 根目录下 找到 文件 .eslintrc.js
ok 这样就可以使用 jQuery
npm install jquery --save
2.配置 webpack
找到 build/webpack.base.conf.js 文件。
在开头 添加
var webpack = require('webpack')
// 原有代码 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src') } }, // 添加代码 plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", jquery: "jquery", "window.jQuery": "jquery" }) ], // 原有代码 module: { rules: [ // ...... ] }
3.在main.js 中引入jquery
import 'jquery'
4. eslint 检查
在 根目录下 找到 文件 .eslintrc.js
env: { // 原有 browser: true, // 添加 jquery: true }
ok 这样就可以使用 jQuery
相关文章推荐
- 在vue中使用jquery
- 使用Jquery与vuejs操作dom比较
- 使用vue-cli开发过程中如何把jQuery设置为全局
- jquery在vue脚手架中的使用方式
- vue 项目如何使用 jQuery
- 在vue里使用 jquery
- 使用Vue实现jQuery的切换选中效果
- 如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
- [译]怎样在Vue.js中使用jquery插件
- VUE -- 不推荐使用jQuery
- 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
- Vue系列——在vue项目中使用jQuery及其第三方插件
- 使用vue与jquery实时监听用户输入状态的操作代码
- 浅析angular,react,vue.js jQuery使用区别
- vue webpack中使用jQuery
- vue单页应用中如何使用jquery的方法示例
- Vue 中使用 jQuery
- vue项目中使用jQuery
- Vue 中使用 jQuery
- vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用