Nuxt引用本地js或css文件

  • 第三方文件放置在/static目录下
<template>
    <html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星空特效title>
head>
<body>
    <h1>
      
    h1>
    <canvas>canvas>
body>
html>
template>
<script>
export default {
  head() {
    // 引入js,css
    return {
      link: [
        { rel: 'stylesheet', href: '/xinkong.css' }
      ],
    script: [
      { src: '/xinkong.js' }
    ]
    }
  }
}   
script>

注意:引用时,不需要添加/static目录,因为/static目录编译后会被映射到/目录
html页面内容直接放入template中

你可能感兴趣的:(前端,css,html,html5)