nuxt.js 引入Jquery的方法

nuxt.js 引入jquery的方式

步骤1 npm下载jquery：

npm install jquery --save 

步骤2 在nuxt.config.js配置引入

const webpack = require('webpack');
export default{
	build:{
		plugins: [
	      new webpack.ProvidePlugin({
	        '$': 'jquery'
	      })
	    ]
	}
}

步骤3 页面中使用：

// 针对下滑的高度 显示隐藏
$(window).scroll(function () {
	let scrollTop = $(window).scrollTop();
		console.log(scrollTop);
		if (scrollTop > 200) {
			$(".softNav").css('margin-top', '0')
		} else {
			$(".softNav").css('margin-top', '-64px')
		}
	})

📢没了，结束了，是不是很简单呐，如有错误，欢迎留言.如有问题，不吝赐教。
📢如果此篇博文对您有帮助，还请动动小手点赞 👍 收藏 ⭐留言 📝呐~，谢谢 ~ ~