v-once

Misol

<img> elementini faqat bir marta render qilish uchun v-once direktivasidan foydalanish.

<template>
  <h1>v-once Example</h1>
  <p>The image is only rendered once. Changing the image source does not have any effect.</p>
  <img v-once v-bind:src="imgUrl[imgIndex]">
  <p>Img src: '{{ imgUrl[imgIndex] }}'</p>
  <button v-on:click="changeImg">Change image</button>
</template>

Misolni ishga tushirish »

Ta’rif va qo‘llanilishi

v-once direktivasi elementni faqat bir marta render qilish uchun ishlatiladi.

Elementni faqat bir marta render qilish orqali unumdorlikni oshirish mumkin.

Agar element v-once direktivasiga ega bo‘lsa, uning barcha ichki (bola) elementlari ham birinchi render qilinishdan keyin statik bo‘lib qoladi.

Unumdorlikni oshirish uchun elementning qanchalik tez-tez render qilinishini v-memo direktivasi bilan ham cheklash mumkin.

Tegishli sahifalar

Vue ma’lumotnomasi: Vue v-memo direktivasi

Vue darsligi: Vue v-bind direktivasi

Vue darsligi: Vue v-on direktivasi

Vue darsligi: Vue metodlari

Vue qo‘llanmasi: Vue lifecycle hook’lari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish