Vue mempunyai dua teras: 1. Didorong data, iaitu pengikatan data dua hala, membenarkan kandungan paparan (DOM) berubah apabila data berubah; 2. Sistem berasaskan komponen; boleh memanjangkan Elemen HTML yang merangkum kod yang tersedia.
Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.
Didorong data
Sistem berkomponen
Inti tindak balas Vue ialah kebergantungan akan dikumpul semasa pengambil dan kemas kini Ketergantungan setter akan dicetuskan
vue akan merentasi semua sifat objek dalam data dan menggunakan Object.defineProperty untuk menukar semua sifat ini menjadi
getter/setters.
Penetap/penetap ini tidak kelihatan kepada pengguna, tetapi secara dalaman mereka membenarkan Vue menjejak kebergantungan dan memberitahu perubahan apabila harta
diakses dan diubah suai.
Setiap tika komponen sepadan dengan tika pemerhati, yang merekodkan sifat data "disentuh" sebagai kebergantungan semasa proses pemaparan komponen.
Kami akan mengumpulkan kebergantungan semasa pengumpulan Ketergantungan ialah pengumpulan pemerhati perubahan data langganan Tujuan pengumpulan kebergantungan adalah untuk memberitahu pelanggan yang berkaitan apabila data responsif berubah .
penetap akan mencetuskan kemas kini kebergantungan Kemudian, apabila penetap kebergantungan dicetuskan, pemerhati akan dimaklumkan, menyebabkan komponen yang berkaitan dipaparkan semula.
Terkomponen
Kembangkan elemen HTML dan isikan kod boleh guna semula. Setiap komponen sepadan dengan ViewModel. Setiap kawasan visual/interaktif bebas pada halaman boleh dianggap sebagai komponen. Setiap komponen sepadan dengan direktori projek, dan pelbagai sumber yang diperlukan oleh komponen dikekalkan dalam direktori ini. Halaman ialah bekas untuk komponen, dan komponen boleh disarang dan digabungkan secara bebas untuk membentuk halaman yang lengkap.
Pilihan teras komponen:
Templat: Templat mengisytiharkan hubungan pemetaan antara data dan DOM yang akhirnya dipaparkan kepada pengguna.
Data awal (data): Keadaan data awal komponen. Untuk komponen boleh guna semula, ini biasanya keadaan persendirian.
Parameter luaran (props) diterima: Data dipindahkan dan dikongsi antara komponen melalui parameter.
Kaedah: Perubahan pada data biasanya dilakukan dalam kaedah komponen.
Pencangkuk kitar hayat: Komponen akan mencetuskan berbilang fungsi cangkuk kitar hayat Versi 2.0 terbaharu telah banyak mengubah nama fungsi kitaran hayat.
Sumber persendirian (aset): Dalam Vue.js, arahan, penapis, komponen, dll. yang ditentukan pengguna secara kolektif dipanggil sumber. Komponen boleh mengisytiharkan sumber persendiriannya sendiri. Sumber persendirian hanya boleh dipanggil oleh komponen dan subkomponennya.
[Cadangan berkaitan: tutorial vue.js]
Atas ialah kandungan terperinci Apakah teras vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!