珠海建站公司,如何把学校网站建设好,机械加工网免费铺货,semen是什么意思两种在vue中引入jQuery的方式
1、普通html中使用jQuery
将jQuer的文件导入到项目中#xff0c;然后直接使用script srcjQuery.js/script即可。
script srcjQuery.js/script
2、vue组件中使用jQuery 安装依赖
c…两种在vue中引入jQuery的方式
1、普通html中使用jQuery
将jQuer的文件导入到项目中然后直接使用script srcjQuery.js/script即可。
script srcjQuery.js/script
2、vue组件中使用jQuery 安装依赖
cnpm install jquery --save // 或者
npm install jquery --save 组件中直接使用jQuery 我们想在哪个组件中使用jQuery库首先要使用如下命令引入jquery然后就可以正常使用了
import $ from jquery
templatediv idapp/div
/templatescriptimport $ from jqueryexport default {name: App,components: {},data: function () {return {}},created:function(){console.log($(#app));}}
/scriptstyle/style 使用全局变量 若每一个组件中都去使用jquery必须在每个组件中写import $ from jquery比较麻烦所以使用全局变量
webpack.base.conf.js文件中引入在项目中找到webpack.base.conf.js文件在开头使用以下代码引入webpack因为该文件默认没有引用。
let webpack require(webpack) 在同文件webpack.base.conf.js中找到module.exports中添加一段代码
plugins: [
new webpack.ProvidePlugin({
$: jquery,
jQuery: jquery,
jquery: jquery,
window.jQuery: jquery
})
], 避开eslint 检查 修改根目录下.eslintrc.js 文件的env 节点为env添加一个键值对 jquery: true 就可以了
env: {
// 原有
browser: true,
// 添加
jquery: true
} 重新启动项目 npm run dev可直接使用$ 不需要再import 引用 jQuery 了可以 直接使用$了 console.log($(选择器)) 你会发现成功使用jQuery获取到了DOM或者按下面的能看到jq是一个函数
