huanggr
nuxt如何来引入jQuery库
方法一：安装 jquery 包
安装命令
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"); } |
方法二：直接在 nuxt.config.js 中引入 jquery.min.js文件
1 2 3 4 5 | head: { script: [ { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' } ] } |
vue.js因为使用的是html5的hash来实现页面的切换，所以蜘蛛爬虫是怕去不了的
这个时候，就需要使用到nuxt.js来将页面渲染出蜘蛛爬虫可抓取的页面
虽说用vue也可以实现jQuery一样的效果，但是写起来太复杂，jQuery就很方便，所以为了效率，就需要引入jQuery啦