css - Bagaimanakah gaya yang dirujuk secara tempatan dalam vue menjadi global?

Question

1. Bagaimanakah gaya tempatan yang dirujuk dalam vue juga berkuat kuasa pada halaman lain?

Answer 1

Gaya separa hanya boleh digunakan secara tempatan Jika anda perlu menggunakannya secara global, anda boleh meletakkan kelas awam ke dalam app.vue

Answer 2

Dalam vue, terdapat app.vue komponen umum Dalam fail ini, arahan yang anda ingin promosikan ke peringkat global boleh dilihat dalam komponen operasi lain. Ini adalah kelebihan rangka kerja deklaratif kaedah atau gaya yang ditakrifkan dalam komponen boleh terikat kepada komponen lain

Answer 3

Ia hanya menulis css dalam fail tempatan, yang tidak bermakna css hanya bertindak secara setempat. Jika anda mahu ia berfungsi hanya dalam komponen, anda boleh menambah scoped

<style scoped>
/*css code*/
</style>

Answer 4

Dua cara

• Kawal skop pemilih tag sendiri

• Tambah skop pada gaya dalam templat komponen.