Nuxt单页面内单独引入本地或网络JavaScript文件

nuxt开发中单页面中需要单独引入js,那我们要如何在单页面中引入js文件呢?

代码如下:

<script>
export default {
data() {
return {
title: '单页面引入js文件'
}
},
head() {
return {
title: this.title,
meta: [
{ hid: 'description', name: 'description', content: '说明' },
{ hid: 'keywords', name: 'keywords', content: '关键词' }
],
script:[
{
type: 'text/javascript',
src:'/js/test.js',
body: true //<script>是否在body中
}
]
}
}
}
</script>

通过nuxt提供head方法可以将需要在单页面引入js文件,单独引入到页面中。

代码说明:

1、如果是网络地址,直接src改为网络地址即可

2、如果为本地js,建议你将js放置在static文件夹下,如statci/js/test.js

3、引入本地js,static文件不需要写

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!