vue完整引入jquery方法

作者: Cherry9507 | 来源:发表于2017-09-15 14:16 被阅读88次

干嘛这么想不开,用了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   

相关文章