Adakah vuejs API?

青灯夜游
Lepaskan: 2023-01-11 09:22:41
asal
1603 orang telah melayarinya

vuejs bukan API. vuejs ialah rangka kerja JavaScript yang progresif untuk membina antara muka pengguna, direka untuk mengatur dan memudahkan pembangunan web dengan lebih baik. API merujuk kepada antara muka pengaturcaraan aplikasi, iaitu satu set fungsi pratakrif yang menyediakan aplikasi dan pembangun dengan keupayaan untuk mengakses satu set rutin berdasarkan perisian atau perkakasan tertentu.

Adakah vuejs API?

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

vuejs bukan API.

Vue (sebutan /vjuː/, serupa dengan paparan) ialah rangka kerja JavaScript progresif untuk membina antara muka pengguna, bertujuan untuk mengatur dan memudahkan pembangunan web dengan lebih baik. Tidak seperti rangka kerja besar lain, Vue direka bentuk untuk digunakan lapisan demi lapisan dari bawah ke atas.

Pustaka teras Vue hanya memfokuskan pada lapisan paparan, yang bukan sahaja mudah untuk dimulakan, tetapi juga mudah untuk disepadukan dengan perpustakaan pihak ketiga atau projek sedia ada. Sebaliknya, apabila digabungkan dengan rangkaian alat moden dan pelbagai perpustakaan sokongan, Vue mampu menyediakan pemacu untuk aplikasi satu halaman (SPA) yang kompleks.

Vue.js juga menyediakan pengikatan data MVVM dan sistem komponen boleh gubah, dengan API yang mudah dan fleksibel.

Dan API (Antara Muka Pengaturcaraan Aplikasi, Antara Muka Pengaturcaraan Aplikasi) ialah beberapa fungsi yang telah ditetapkan, tujuannya adalah untuk menyediakan aplikasi dan pembangun akses kepada satu set rutin berdasarkan keupayaan perisian atau perkakasan tertentu tanpa perlu mengakses kod sumber atau memahami butiran kerja dalaman.

Sesetengah API dalam vuejs

vm merujuk kepada contoh yang diperolehi oleh Vue baharu

(1) Apabila berada dalam dom tag Selepas nilai terikat pada nilai dalam data, menukar nilai yang sepadan dengan data boleh mengemas kini nilai dalam teg dalam masa nyata

tetapi nilai yang ditambah kemudiannya adalah tidak sah (pengikatan gagal).

(2) Objek boleh digunakan secara langsung sebagai atribut data, yang sah (kerana objek diluluskan oleh nilai

Jadi atribut dan objek adalah kongruen; 🎜 >

(3) Antara muka vm ialah:

vm.$data ialah atribut data bagi vm;

vm.$el ialah nod dom yang ditunjuk oleh el; atribut;

vm.$watch adalah untuk memantau perubahan atribut (seperti nilai dalam data) (rujuk (9))

(4) Kitaran pengisytiharan contoh vue, di sana ialah beberapa fungsi utama:

dicipta: Selepas pengikatan peristiwa selesai, fungsi itu digunakan secara langsung sebagai atribut dalam tika vue apabila mengisytiharkan tika vue, sama seperti di bawah.

vm.$mount: Lekapkan nod dom;

sebelumMenyusun: sebelum memuatkan templat; selesai Selepas (saya rasa);

beforeDestroy: sebelum kemusnahan; 🎜>

Dalam contoh Vue baharu, jika anda tidak menambah el, ini bermakna ia tidak akan dipasang dan hanya akan dijana Selepas penjanaan, anda boleh menggunakan kaedah ini untuk memasangnya secara manual ke tempat tertentu terdapat lebih daripada satu yang memenuhi syarat, Kemudian lekapkannya ke tempat pertama; ;

(7) Escape: {{}} Dua kurungan kerinting tidak akan terlepas daripada teg html nilai; nilai dan mengubahnya menjadi teks html;

Anda tidak boleh meletakkan data terikat dalam nilai (melainkan anda menggunakan separa, tetapi saya belum tahu caranya lagi); kurungan kerinting interpolasi, anda boleh meletakkan ungkapan ( Fungsi tidak boleh diletakkan); capitalize ialah penapis yang menggunakan huruf besar pada huruf pertama;

Penapis hanya boleh diletakkan di hujung ungkapan dan tidak boleh menjadi sebahagian daripada ungkapan; >

Penapis boleh disesuaikan (tetapi kami tidak tahu bagaimana untuk menyesuaikannya lagi. kaedah yang ditentukan);

(10) Arahan:

v-if="nama pembolehubah); " Wujud apabila nilai adalah benar;

v-bind: attribute Name = "Variable name" Ikat nama pembolehubah selepas tanda sama (menunjuk pada atribut nama yang sama dalam atribut data vm) dengan atribut html tag.

v-on: jenis acara = "nama fungsi" Apabila jenis acara dicetuskan, fungsi dalam kaedah dilaksanakan

Singkatan v-on ialah @; -bind ialah: ( Kolon);

(11) Atribut dikira dikira

Atribut di sini boleh digunakan sebagai atribut data ialah apabila nilai dalam data berubah, ia akan berubah dengannya;

Anda boleh menggunakan ungkapan yang lebih kompleks (hanya ungkapan mudah boleh digunakan dalam interpolasi);

Lalai ialah pengambil (dapatkan atribut objek), iaitu, apabila nilai tertentu berubah, fungsi panggil balik (atau kaedah dapatkan) dicetuskan

Apabila atribut yang dikira berubah, nilai tertentu ​​perlu diubah (seperti menukar 10 nilai, tidak baik menulis pemantauan nilai ini di tempat lain), maka anda perlu menetapkan penetap (menetapkan atribut objek), iaitu, apabila atribut yang dikira berubah, set kaedah dicetuskan;

(13) Atribut pemantauan vm.$watch (atribut dipantau, fungsi panggil balik)

Apa yang dipantau ialah atribut data

Parameter pertama bagi fungsi panggil balik ialah nilai yang diubah, dan parameter kedua ialah nilai yang diubah Nilai sebelumnya;

Gunakan v-bind:class

penggunaan kelas Dalam bentuk objek, kunci ialah nama kelas dan nilai menunjukkan sama ada untuk memaparkan kelas ini

Anda boleh meletakkan objek secara terus objek dalam nilai v-bind:class, dan letakkan objek ini dalam atribut data Hanya tetapkan sifat objek objek ini seperti ini nama pembolehubah jika pembolehubah bukan objek objek, nilai pembolehubah ialah nama kelas; > (15) gaya mengikat:

Gunakan v-bind:style

Borang ialah objek, kunci objek ialah nama gaya (seperti fontSize, sila ambil perhatian bahawa gaya nama perlu dalam kotak unta bukannya css), dan nilainya ialah nilai gaya; Anda boleh terus meletakkan nama objek di sebelah kanan persamaan v-bind:style; 🎜>

Perubahan dalam nilai objek akan mempengaruhi gaya sebaris dalam masa nyata

Untuk sesetengah gaya, anda boleh menambah awalan untuk penyemak imbas (tetapi sesetengahnya tidak serasi dengan semua penyemak imbas

Cadangan berkaitan: "

tutorial vue.js

"

Atas ialah kandungan terperinci Adakah vuejs API?. 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