Vue小知识： $ is not defined错误解决

错误原因：该错误是未安装JQuery依赖包导致。

解决方案：安装依赖包
1.执行安装jquery依赖包命令

	cnpm install jquery --save

2.webpack配置
（1）.在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用

var webpack = require('webpack')

(2)然后在module.exports中添加一段代码，

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

3.在main.js里导入jQuery

import 'jquery'

4.配置完成，启动项目

npm run dev

注：如果项目中引用了.eslintrc.js文件，还需要在文件的module.exports中，为env添加一个键值对 jquery: true

	env: {
	  // 原有
	  browser: true,
	  // 添加
	  jquery: true
	}
然后启动项目即可。