vue 脚手架如何导入 jQuery? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 vue 中导入 jQuery
用 vue-cli 脚手架工具构建项目成功后 当需要引入 JQ, 可用以下方法:
1, 首先在 package.JSON 里的 dependencies 加入 "jquery" : "^3.2.1",
2, 在终端里输入 NPM install jQuery --save-dev 当然用 淘宝镜像 cnpm 也是可以的
注意: jQuery 一定要小写 不然会提示 Please use 'jquery' (all lowercase)
3, 找到 build 文件夹下的 webpack.base.conf.JS 文件, 打开, 添加:
var webpack=require('webpack')
在 module.exports 里输入:
- plugins: [
- new webpack.ProvidePlugin({
- $:"jquery",
- jQuery:"jquery",
- "windows.jQuery":"jquery"
- })
- ],
4, 在入口文件 main.JS 中输入:
import $ from 'jquery'
5, 在终端输入 NPM run dev 就欧克了
6, 验证方法 在 App.vue 里进行验证 看图:
更多 Web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17893.html