1.安装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
原文地址:http://www.cnblogs.com/songrimin/p/7844641.html