masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > View.js > teks badan

Bagaimana untuk memperkenalkan css ke dalam vuejs

藏色散人
Lepaskan： 2023-01-13 00:45:39
asal
3244 orang telah melayarinya

Cara memperkenalkan css ke dalam vuejs: 1. Perkenalkan terus laluan yang sepadan di bawah "" memperkenalkan gaya luaran.

Bagaimana untuk memperkenalkan css ke dalam vuejs

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

vue.js memperkenalkan gaya CSS luaran?

Apabila mempelajari animasi Vue.js, anda perlu memperkenalkan animate.css Bagaimana untuk memperkenalkan fail luaran secara global?

Memperkenalkan fail gaya CSS luaran

1 Secara langsung memperkenalkan laluan yang sepadan

Gunakan @import untuk memperkenalkan css luaran Ia juga boleh diperkenalkan dalam komponen vue tunggal yang sepadan tidak memasukkan kod ke dalam , tetapi mulakan permintaan baharu untuk mendapatkan sumber gaya, dan ia tidak berskop. 


<style scoped>
 @import "../static/font/iconfont.css";
</style>
Salin selepas log masuk
Nota: Jika ada gaya, ia harus diimport di atas #app, jika tidak pengenalan tidak akan berjaya!

2. @import ditukar kepada untuk memperkenalkan gaya luaran

Pembelajaran yang disyorkan: "

tutorial vue》

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

Label berkaitan：
css vuejs
sumber：php.cn
Artikel sebelumnya：Bagaimana untuk menukar nama projek dalam vuejs Artikel seterusnya：Bagaimana untuk menukar milisaat kepada tarikh dalam vuejs
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
Artikel terbaru oleh pengarang
Isu terkini
Perintah pelaksanaan fungsi penjadualan VueJS menyebabkan masalah Saya cuba memaparkan senarai pengumuman (diambil daripada API) pada halaman. Saya mengguna...
daripada 2024-04-06 10:37:58
0
1
385
Meningkatkan templat Vuejs dengan komponen bersyarat Saya mempunyai senarai acara berbeza seperti yang ditunjukkan di bawah, ia diimport sebaga...
daripada 2024-04-03 16:16:14
0
1
346
Aplikasi VueJS 2 disusun kepada 1 Kami sedang membina aplikasi menggunakan VueJS sebagai bahagian hadapan. Tetapi kami seper...
daripada 2024-04-03 12:00:59
0
1
371
(Vuejs) Sifat atau kaedah yang tidak ditentukan pada contoh yang dirujuk semasa pemaparan Saya mempunyai butang mudah untuk menambah item pada senarai: <labelfor="numit&quo...
daripada 2024-04-02 16:43:16
0
1
366
vuejs, saya mahu mencetak ID/nama ibu bapa sekali sahaja untuk anaknya <tdv-if="currentId!=loop.id" class="text-center"><div:set=&qu...
daripada 2024-04-02 10:44:45
0
1
309
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan