Rumah > hujung hadapan web > View.js > Bagaimana untuk menggunakan css dalam vuejs

Bagaimana untuk menggunakan css dalam vuejs

藏色散人
Lepaskan: 2023-01-13 00:45:31
asal
3458 orang telah melayarinya

Cara menggunakan css dalam vuejs: 1. Gunakan secara langsung gaya tulisan tangan, kod seperti ""; 2. Gunakan penulisan fail css luaran, sintaks seperti " @import './index.css'".

Bagaimana untuk menggunakan css dalam vuejs

Persekitaran pengendalian artikel ini: sistem Windows 7, versi Vue 2.9.6, komputer DELL G3.

Bagaimana untuk menggunakan css dalam Vue.js?

Mengenai bahagian css

Gunakan sass dan kurang untuk menulis gaya css dalam vue-cli Langkahnya sangat mudah, kerana vue-cli telah mengkonfigurasi sass dan less , kita perlu menggunakan sass atau less untuk memuat turun terus kedua-dua modul, dan kemudian webpack secara automatik akan menggunakan pemuat yang sesuai untuk memprosesnya berdasarkan atribut lang. Mari kita lihat cara setiap css harus digunakan

#css

1. Hanya gunakan gaya tulisan tangan dan gunakan peraturan css.

Cara menulis fail css luaran untuk aplikasi

Cara menggunakan Scss


1. Pasang modul Sass

2. Gunakannya dalam bahagian gaya komponen Tulisan sebaris

3. Cara memetik fail luaran sass.

Cara menggunakan Less


1 🎜>

2. Gunakan tulisan sebaris dalam bahagian gaya komponen

3. Bagaimana untuk memetik lebih sedikit fail luaran.

Pengesyoran berkaitan: "

tutorial vue.js

"

Atas ialah kandungan terperinci Bagaimana untuk menggunakan css dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan