vue-cli3.0引入jQuery

1.终端

 npm install jquery --save  //安装jquery 

2.一般安装成功后在package.json文件内的dependencies项中会有"jquery": "^1.12.4"，如果没有可以手动添加。
3.打开.eslintrc.js 文件，找到env ，在里面 添加 jquery:true，默认应该是只有node:true，如果都没有，那就加上env呗
4.main.js引入

import $ from 'jquery'

5.创建vue.config.js 文件

const webpack = require('webpack')
module.exports = {
 configureWebpack: {
  plugins: [
     new webpack.ProvidePlugin({
     $:"jquery",
      jQuery:"jquery",
      "windows.jQuery":"jquery"
     })
      ]
     }
}

6.重新运行项目

使用

</ul>
      <ul id="list">
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>
        <li><input type="checkbox" name="#" id=""> 刘宇</li>

    </ul>
    <input type="checkbox" name="" id="select_input">全选
__________________________________________
mounted(){
  $("#select_input").click(function(){
          // alert($(this).prop('checked'));
          $("#list input").prop('checked',$(this).prop('checked'));
      })
}