Vue Cli 中使用 jQuery - 正在追逐的萌新

相关文章推荐

憨厚的茶壶 · 沙坪坝：创建“红岩大课堂” ...· 4 月前 ·

风流倜傥的跑步鞋 · 云缨救阿离_王者荣耀_剧情· 4 月前 ·

睿智的核桃 · 女票芳龄30+小说txt,女票芳龄30+小说 ...· 1 年前 ·

至今单身的杨桃 · 山东省人民政府他山之石 ...· 1 年前 ·

聪明的茶叶 · 【深度学习】【Python】【Deepfas ...· 1 年前 ·

window.$ = $ //原因：设置变量但未使用，编辑器会报错。

不要这样添加：【import $ from 'jquery' Vue.use（$）】，否则出现报错：【Vue is a constructor and should be called with the `new` keyword】【this._init is not a function】

1、安装 jquery

npm install jquery

2、在 vue.config.js 文件里面添加（没有此文件则自行创建）：

const webpack = require('webpack')
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({ //配置插件全局使用 jquery
                $: 'jquery',
                jQuery: 'jquery',
                'windows.jQuery': 'jquery' 
3、 一定要重新 run dev
4、在想要使用 jQuery 的文件里面引入即可：（或者可以不用引入，直接使用即可）
import $ from 'jquery
注意：如果要在 main.js 文件里面引入 jQuery ，则需要这样加：
import $ from 'jquery'
window.$ = $  //原因：设置变量但未使用，编辑器会报错。
不要这样添加：【import $ from 'jquery'       Vue.use（$）】，否则出现报错：【Vue is a constructor and should be called with the `new` keyword】【this._init is not a function】 
1、安装 jquery
npm install jquery
2、在 webpack.base.conf.js 文件里面添加（没有此文件则自行创建）：
const webpack = require('webpack')
module.exports = {
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
3、在想要使用 jQuery 的文件里面引入即可：
import $ from 'jquery
注意：如果要在 main.js 文件里面引入 jQuery ，则需要这样加：
import $ from 'jquery'
window.$ = $  //原因：设置变量但未使用，编辑器会报错。
不要这样添加：【import $ from 'jquery'       Vue.use（$）】，否则出现报错：【Vue is a constructor and should be called with the `new` keyword】【this._init is not a function】 

1、安装 jquery
npm install jquery
2、在 webpack.base.conf.js 文件里面添加（没有此文件则自行创建）：
const webpack = require('webpack')
module.exports = {
    resolve: {
        extensions: ['', '.js', '.vue'],
        fallback: [path.join(__dirname, '../node_modules')],
        alias: {
            'src': path.resolve(__dirname, '../src'),
            'assets': path.resolve(__dirname, '../src/assets'),
            'components': path.resolve(__dirname, '../src/components'),
            'jquery': path.resolve(__dirname,  '../node_modules/jquery/src/jquery'),// ==============添加这一句==================
3、在想要使用 jQuery 的文件里面引入即可：
import $ from 'jquery
注意：如果要在 main.js 文件里面引入 jQuery ，则需要这样加：
import $ from 'jquery'
window.$ = $  //原因：设置变量但未使用，编辑器会报错。
不要这样添加：【import $ from 'jquery'       Vue.use（$）】，否则出现报错：【Vue is a constructor and should be called with the `new` keyword】【this._init is not a function】 


如有问题，请提醒我，以便改正！