vue相关知识Vue.js学习程序员

vue完整引入jquery方法

2017-09-15  本文已影响88人  Cherry9507

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

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

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

         "jquery":"^2.2.3"

      }
在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   
上一篇 下一篇

猜你喜欢

热点阅读