Import js script and css file within a specific component

Question

Well, I have a template that on certain pages you need specific files to upload. So how do I import a css or js file into the page you need?

Let’s say the page home do not need, but on the page user yes.

Answer 1

I believe css can be imported this way

<style>
  @import './assets/styles/arquivo.css';
</style>

The script can be like this

<template>
  ... 
</template>

<script>
  export default {
    import * as mylib from '../assets/js/arquivo.js'
  }
</script>