• 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生效

  • 相关阅读:
    HTML标签(二)
    HTML 表单
    HTML列表
    HTML表格
    Critical Section Problems
    Stack, Queue and Priority Queue
    Introduction to Dynamic Set
    Introduction to Divide-and-Conquer
    Sorting Algorithms Overview
    Python学习笔记(三)数据类型
  • 原文地址:https://www.cnblogs.com/lhyhappy365/p/9263159.html
Copyright © 2020-2023  润新知