• vue引入jquery的方法


    1、局部引入

    通过命令下载jquery   npm install jquery --save-dev

    在需要引入jquery的组件中通过import $ from 'jquery'引入即可

    2、全局引入

    通过命令下载jquery   npm install jquery --save-dev

    方法一

    在项目目录下build下的webpack.base.conf.js文件头部加入

    var webpack = require('webpack')

    并在module.exports的尾部加入

    plugins: [
      new webpack.optimize.CommonsChunkPlugin('common.js'),
      new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
      })
    ]

    重启服务 npm run dev生效

    方法二

    在项目目录下build下的webpack.base.conf.js文件头部加入

    var webpack = require('webpack')

    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
          'vue$':"vue/dist/vue.esm.js",
          '@': resolve('src'),
          'jquery':'jquery'
        }
      },
     
     
      plugins:[
        new webpack.ProvidePlugin({
          jQuery:"jquery",
          $:"jquery"
        })
      ],

     重启服务 npm run dev生效

  • 相关阅读:
    AC自动机解题记录
    German Collegiate Programming Contest 2018​ A. Attack on Alpha-Zet
    UVa-1152 4 Values Whose Sum Is 0
    2018 宁夏省赛 F. Moving On
    F
    PIL之基础应用
    数字数据转图片
    随机梯度下降实现
    回归分析效果度量
    线性回归分析
  • 原文地址:https://www.cnblogs.com/lhyhappy365/p/9263159.html
Copyright © 2020-2023  润新知