Scaling UpLesson 25Preview gratis
Vue Scoped Styling
Lesson ini bagian dari Vue · Semua level
Ringkasan
Scoped styling menjamin gaya CSS hanya berlaku pada komponen tempatnya ditulis sehingga tidak saling bentrok antar komponen. Vue menerapkannya dengan menambahkan atribut data khusus pada elemen dan mengubah selector CSS agar menyasar atribut tersebut. Untuk menyasar komponen anak dari gaya induk, kamu dapat menggunakan penulisan deep.
Poin kunci
- Attribut scoped membatasi gaya hanya pada komponen tersebut.
- Vue menambahkan atribut data pada elemen komponen.
- Gaya pada komponen anak tidak bisa dijangkau dari induk tanpa syntax khusus.
- Penulisan :deep() dipakai untuk menembus ke komponen anak.
- Gaya global tetap diperlukan untuk elemen tingkat aplikasi seperti body.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.