您所在的位置首页 Javascript

nuxt如何来引入jQuery库

huanggr 2019年6月8日 21:43 阅读(1,505) 评论(3)

nuxt如何来引入jQuery库方法一：安装 jquery 包安装命令 1npm install –save jquery 配置 nuxt.config.js 1234567…

安装命令

1	npm install --save jquery

配置 nuxt.config.js

1
2
3
4
5
6
7
8
9
10
11

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

组件中使用

1
2
3

mounted () {
$("body").append("xxx");
}

1
2
3
4
5

head: {
script: [
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
]
}

32 赞

评论列表 3人参与

国瑞个人博客说道：

2019年6月8日下午9:47

vue.js因为使用的是html5的hash来实现页面的切换，所以蜘蛛爬虫是怕去不了的

回复
国瑞个人博客说道：

2019年6月8日下午9:48

这个时候，就需要使用到nuxt.js来将页面渲染出蜘蛛爬虫可抓取的页面

回复
国瑞个人博客说道：

2019年6月8日下午9:50

虽说用vue也可以实现jQuery一样的效果，但是写起来太复杂，jQuery就很方便，所以为了效率，就需要引入jQuery啦

回复