How to introduce css into vuejs

How to introduce css into vuejs: 1. Directly introduce the corresponding path under "" introduces external styles.

The operating environment of this article: Windows 7 system, vue version 2.9.6, DELL G3 computer.

vue.js introduces external CSS styles?

When learning Vue.js animation, you need to introduce an animate.css. How to introduce external files globally?

Introducing external CSS style files

1. Directly introduce the corresponding path under , but initiate a new request to obtain the style resource, and it is not scoped.

<style scoped>
 @import "../static/font/iconfont.css";
</style>

Note: If there is a style, it should be imported above #app, otherwise the introduction will not be successful!

2.@import is changed to to introduce external styles

## Recommended learning:《

vue tutorial》

The above is the detailed content of How to introduce css into vuejs. For more information, please follow other related articles on the PHP Chinese website!