Issue importing css/js file in vuejs 2 component

Question

I have the following .vue component file:

<template>
....

</template>
<script>
export default { /* stuff here*/}
</script>
<style>

</style>

Now i would like to include some css/js (provided by the template on themeforest) files for this component only. including them within the tag doesnt seem to work. any idea what wrong ?

i just want to import some css files. ( e.g. <script type="text/javascript" src="static/assets/js/pages/login.js"></script> ) — iNDicator
– iNDicator, Commented Jan 25, 2017 at 6:51
yes but it will be available everywhere, what i would like to have is to be available to a specific component — iNDicator
– iNDicator, Commented Jan 25, 2017 at 7:12

castle · Accepted Answer · 2017-02-17 08:24:23Z

1

Docs on how to do this: https://vue-loader.vuejs.org/en/start/spec.html#src-imports.

<template src="./template.html"></template>
<style src="./style.css" scoped></style>
<script src="./script.js"></script>

Note the use of scoped attribute. One can also use the module attribute instead of scoped. More details

answered Feb 17, 2017 at 8:24

castle

833 bronze badges

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

Collectives™ on Stack Overflow

Issue importing css/js file in vuejs 2 component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related