vue 引入jQuery的方法

分为五步：

1.cnpm install jquery --save-dev

2.找到build/webpack.base.conf.js

在开头引入webpack，后面的plugins那里需要var webpack =require('webpack')

3.module.exports = {

// 其他代码...

resolve: {extensions: ['','.js','.vue'],

fallback: [path.join(__dirname,'../node_modules')],

alias: {

      'src': path.resolve(__dirname,'../src'),

      'assets': {

           path.resolve(__dirname,'../src/assets'),

            'components': path.resolve(__dirname,'../src/components'),

             // webpack 使用 jQuery，如果是自行下载的

             // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),

             // 如果使用NPM安装的jQuery

               'jquery':'jquery'

     } 

 },

4.然后在module同级添加：

plugins:[ new webpack.ProvidePlugin({ $:"jquery",jQuery:"jquery","window.jQuery":"jquery"}) ]

5.最后main.js

import $ from   'jquery'

ru

另外，如果想全局引入bootstrap等，那么在入口文件main.js中

cnpm install bootstrap --save-dev

import 'bootstrap/dist/css/bootstrap.min.css'

import 'bootstrap/dist/js/bootstrap.min.js'