شاید برای شما هم شده باشه که یک متغییر تعریف کرده و توی html به صورت {{ name }} نشونش داده باشید اما تا صفحه رو رفرش یا بروزرسانی میکنید به خصوص ctrl+f5 میزنید تو لود شدن صفحه متغییر دقیقا به همین صورت
{{ name }}
میبینید توی صفحه ولی با بارگزاری کامل صفحه مقدار متغییر نشون میده شاید شما خوشتون نیاد کاربر هاتون این تجربه رو داشته باشند
اینجاست که دایرکتیو v-cloak به کار میاد . کارش اینه تا زمانی که instance کامل بارگزاری نشده چیزی نمایش نده . استفاده ازش هم خیلی راحت مثل زیر ：
html
<div v-cloak>
{{ message }}
</div>
—---------------—
css
[v-cloak] {
display: none;
}

نکته ： اگه از دایرکتیو v-text و v-html هم استفاده کنید همین کار رو انجام میده .

https://vuejs.org/v2/api/#v-cloak

#یادگیری #نکات #v_cloak

لینک گروه ：
https://t.me/joinchat/AAAAAEGmHfikBfgSlaOKxA
لینک کانال ：
https://telegram.me/vue_js