How add css and html in vue js Like an angular css ,html and typescript in separate file

Question

How i add css and html separately in vue js

i am beginner in vue and learn vue js but few question in my mind how can i add separately css and html file like an angular thanks in advance.

Boussadjra Brahim · Accepted Answer · 2021-06-29 10:59:58Z

1

You could make a single file component like :

<template>
  <div>This will be pre-compiled</div>
</template>
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>

answered Jun 29, 2021 at 10:59

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Naveed Akram Over a year ago

you means i create three separated file eg component.js , component.css and component.HTML and import component.js , component.css path in component.HTML

Boussadjra Brahim Over a year ago

three files, component.vue which contains the code above and the .js and .css files

Ivan Kharkivskyi Over a year ago

also, you can write your css code directly in component, inside <style></style>. Moreover, it allows to separate your styles for particular components using attribute scope for <style>

Collectives™ on Stack Overflow

How add css and html in vue js Like an angular css ,html and typescript in separate file

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related