虽然说,jQuery可以做到的,都可以用vue做到.
但是有时候用习惯了有些还是想用下jQuery.
不说废话了.网上都是cli2 的教程,我就写一下3.0的改法.
步骤其实很简单,首先安装
npm install jquery --save
第二步改配置vue.config.js
增加
chainWebpack: config => { config .plugin('provide') .use(webpack.ProvidePlugin, [{ $: 'jquery', jquery: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }]); },
例子
// vue.config.js const webpack = require('webpack'); module.exports = { // options... assetsDir: 'vasset', lintOnSave: undefined, chainWebpack: config => { config .plugin('provide') .use(webpack.ProvidePlugin, [{ $: 'jquery', jquery: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }]); }, pluginOptions: { i18n: { locale: 'zh', fallbackLocale: 'zh', localeDir: 'locales', enableInSFC: false } } }
就可以了.