Ciri-ciri yang dikira dalam Uniapp adalah ciri yang dipinjam dari Vue.js, kerana UNIAPP adalah rangka kerja yang menggunakan vue.js untuk pembangunan front-endnya. Mereka pada dasarnya adalah sifat yang ditakrifkan dalam komponen dan nilainya bergantung kepada data lain dalam komponen. Ciri-ciri ini "dikira" kerana ia dikemas kini secara automatik apabila kebergantungan mereka berubah, menawarkan cara untuk menentukan nilai-nilai secara mendadak berdasarkan data reaktif atau tidak reaktif yang lain.
Untuk menggunakan sifat yang dikira di UNIAPP, anda menentukannya dalam pilihan computed
bagi objek pilihan komponen. Contohnya:
<code class="javascript">export default { data() { return { firstName: 'John', lastName: 'Doe' }; }, computed: { fullName() { return this.firstName ' ' this.lastName; } } };</code>
Dalam contoh ini, fullName
adalah harta yang dikira yang bergantung pada firstName
dan lastName
. Bila -bila firstName
atau perubahan lastName
, fullName
akan dikira semula secara automatik.
Ciri -ciri yang dikira di Uniapp menawarkan beberapa faedah:
Di UNIPP, sifat dan kaedah yang dikira mempunyai tujuan yang berbeza dan mempunyai beberapa perbezaan utama:
Sebagai contoh, jika anda mempunyai kaedah dan bukannya harta yang dikira dalam contoh terdahulu:
<code class="javascript">export default { data() { return { firstName: 'John', lastName: 'Doe' }; }, methods: { fullName() { return this.firstName ' ' this.lastName; } } };</code>
Anda perlu memanggil fullName()
dalam templat anda, dan ia tidak akan dikemas kini secara automatik apabila firstName
atau lastName
berubah.
Ya, sifat yang dikira dalam UNIAPP direka khusus untuk kemas kini data reaktif. Mereka bergantung kepada sifat reaktif lain (sifat data atau sifat lain yang dikira) dalam komponen. Apabila mana -mana kebergantungan ini berubah, harta yang dikira secara automatik akan mengira semula nilai dan mencetuskan kemas kini ke mana -mana bahagian UI yang menggunakannya.
Sebagai contoh, jika anda mempunyai price
harta data dan harta yang dikira formattedPrice
yang format price
, sebarang perubahan kepada price
akan secara automatik mengemas kini formattedPrice
:
<code class="javascript">export default { data() { return { price: 19.99 }; }, computed: { formattedPrice() { return '$' this.price.toFixed(2); } } };</code>
Di sini, jika price
berubah menjadi 29.99
, formattedPrice
akan dikemas kini secara automatik untuk mencerminkan harga yang baru. Kereaktifan ini merupakan ciri utama sifat -sifat yang dikira dalam Uniapp dan adalah penting untuk mengekalkan keadaan aplikasi dan UI yang disegerakkan.
Atas ialah kandungan terperinci Apakah sifat yang dikira di Uniapp? Bagaimana mereka digunakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!