zoukankan      html  css  js  c++  java
  • 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生效

  • 相关阅读:
    HDU 2066 一个人的旅行 最短路问题
    HDU 2112 HDU Today 最短路
    HDU 2521 反素数 模拟题
    mac 安装 office
    selenium用法 (python)
    selenium遇到不可编辑input和隐藏input如何赋值
    mac 下bash命令
    ssh 自动登录
    linux常用命令
    json字符串调整
  • 原文地址:https://www.cnblogs.com/lhyhappy365/p/9263159.html
Copyright © 2011-2022 走看看