How to introduce css into vuejs

This article introduces how to introduce css into vuejs. The content is very detailed. Interested friends can use it for reference. I hope it will be helpful to you.

Vue.js introduces external CSS style?

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

Bring in external CSS style files

1. Directly introduce the corresponding path in app.vue

Using @ import to introduce external css, the scope is global, and it can also be introduced in the corresponding single vue component. Import does not introduce code into it, but initiates a new request to obtain style resources without adding scoped.

@ import ".. / static/font/iconfont.css"

Note: if there is a style, it should be introduced on # app, otherwise the introduction will not be successful!

Change 2.@import to introduce external style

On how to introduce vuejs css to share here, I hope that the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.