[聚合文章] vue完整引入jquery方法

jQuery 2017-09-18 5 阅读

干嘛这么想不开,用了vue还要用jq?但你不得不承认,有些时候jq要比vue好用,有时候两者结合更好用。

既然vue可以引入jquery,那如何引入?

已经安装了vue脚手架,需要在webpack中全局引入jquery

  • 找到package.json文件,在里面加入这行代码,jquery后面的是版本,可根据自己版本需求更改。
dependencies:{

         "jquery":"^2.2.3"

      }
  • 然后在命令行中npm install (安装依赖)

在webpack.base.conf.js中加入一行代码

var webpack=require("webpack")

在webpack.base.conf.js中module.exports的最后加入这行代码,

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

在main.js中引入

import $ from 'jquery'

因为修改了配置文件,需要重新run一遍

npm run dev

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。