Shulou(Shulou.com)06/03 Report--

This article introduces the knowledge of "how vuejs uses css". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

This article operating environment: windows7 system, Vue2.9.6 version, DELL G3 computer.

How to use css in Vue.js?

About the css section

In vue-cli, use sass, less to write css style, the steps are very simple, because vue-cli has been configured with sass, less, we need to use sass or less to download the two modules directly, and then webpack will automatically use the appropriate loader to deal with according to the lang attribute. Let's take a look at how each css should be used

# css

1. Just go to the handwritten style and use the css rules.

two。 Apply the writing method of external css file

How to use Scss

1. Install the Sass module

two。 Use inline writing in the style part of the component

3. How to refer to an external sass file.

How to use Less

1. Install the Less module

two。 Use inline writing in the style part of the component

3. How to refer to an external less file.

That's all for "how vuejs uses css". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.