vue-cli3项目使用CDN资源加载jquery并在项目中使用jquery

1、在vue项目中的public目录下找到index.html文件，加上jquery线上资源脚本引用：

  <script src="https://code.jquery.com/jquery-3.1.0.js"
          integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk="
          crossorigin="anonymous"></script>

 

 

 

2、在vue.config.js文件中配置webpack使用cdn加载jquery

 

 

 

3、在main.js中全局引用：并把$放入new Vue全局对象中

 

 

 

 

 

4、在login.vue组件页面的methods: {}里面就可以使用$ （jquery）符号了：

 

 

 

浏览器查看控制台，确实可以使用jquery了，完美体现：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.