Apakah maksud vue spa?

Dalam vue, nama penuh spa ialah "aplikasi satu halaman", yang bermaksud "aplikasi satu halaman" dalam bahasa Cina Ia adalah aplikasi dengan hanya satu halaman Web dan berinteraksi dengan aplikasi apabila pengguna Aplikasi web yang mengemas kini halaman secara dinamik.

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

SPA dalam Vue

SPA (aplikasi satu halaman, aplikasi satu halaman). Aplikasi web yang memuatkan satu halaman HTML dan mengemas kini halaman tersebut secara dinamik semasa pengguna berinteraksi dengan aplikasi.

Muat HTML, JavaScript dan CSS yang sepadan apabila halaman web dimulakan. Setelah halaman dimuatkan, SPA tidak akan memuatkan semula atau melompat halaman kerana operasi pengguna sebaliknya, ia menggunakan mekanisme penghalaan untuk melaksanakan perubahan dalam kandungan HTML, interaksi antara UI dan pengguna, dan mengelakkan pemuatan semula halaman. Perbezaan antara

dan program berbilang halaman tradisional:

Program berbilang halaman tradisional: Setiap permintaan kepada pelayan mengembalikan halaman lengkap

Tunggal Aplikasi halaman: Hanya pada kali pertama halaman dimuatkan, setiap permintaan berikutnya hanya akan memperoleh data yang diperlukan Kemudian, data yang diperoleh dengan menghuraikan js dalam halaman akan dipaparkan pada halaman

Kelebihan ：

1 Mengurangkan volum permintaan, mempercepatkan respons halaman dan mengurangkan tekanan pada pelayan

2 Pengalaman pengguna yang lebih baik, membolehkan pengguna merasai kelancaran apl asli dalam web apps

Kelemahan:

Kerana teknologi menggunakan ajax, halaman tersebut tidak kondusif untuk SEO, tetapi ia boleh dielakkan melalui teknologi lain

( Prinsip SEO: carian Labah-labah enjin hanya mengenali hiperpautan umum href, tetapi tidak mengenali kod JavaScript Ia akan merangkak masuk apabila menemui hiperpautan umum, tetapi tidak akan merangkak masuk apabila menemui JavaScript dimuatkan oleh AJAX)

1) Perenderan sisi pelayan 2) Penstabilan halaman (disediakan khas untuk perangkak)

Mata teknikal utama:

1 ajax

2 Penggunaan mata penambat (window.location.hash #)

3 acara pertukaran cincang

Idea pelaksanaan:

Pantau perubahan nilai sauh Peristiwa, minta data yang sepadan mengikut nilai sauh yang berbeza

1 Titik sauh (#) pada asalnya digunakan untuk melompat ke dalam halaman, mencari dan memaparkan kandungan yang sepadan

2 Dalam SPA , titik utama digunakan sebagai pengecam untuk meminta sumber yang berbeza, meminta data dan memaparkan kandungan

[Syor berkaitan: "tutorial vue.js "]

Atas ialah kandungan terperinci Apakah maksud vue spa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!