nuxt.js 全局和局部引入js/css

1，全局引入

找到项目的nuxt.config.js文件打开

引入js 和 css

本地css的引入（包含自定义）

自定义js文件可以通过把.js文件放到static目录下，然后再通过 plugins加载

2，局部js,css加载在.vue文件中的

和全局类似，把head放到单个.vue文件中即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

export default {
head() {
return {
title: '123'',
meta: [
{
hid: 'description',
name: 'description',
content: '3333'',
},
],
link: [
{ rel: 'stylesheet', href:'https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css'},
],
script: [
{ src: 'https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js'},
{ src: 'http://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js'},
]
}
}