Apakah teras vue

青灯夜游
Lepaskan: 2022-01-11 18:26:49
asal
11266 orang telah melayarinya

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.

Apakah teras vue

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

Dua teras vue.js

  • Didorong data

  • Sistem berkomponen

1. Didorong data, iaitu pengikatan data dua hala

  • 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.

2. Sistem terkomponen

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!

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