Skip to content

Commit

Permalink
fix template-syntax typo
Browse files Browse the repository at this point in the history
  • Loading branch information
mostafa-nematpour committed Apr 28, 2024
1 parent e2c9550 commit 2bca217
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/guide/essentials/template-syntax.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ Vue از سینتکس تمپلیت که برپایه HTML گسترش یافته
<p>استفاده از دایرکتیو v-html : <span v-html="rawHtml"></span></p>
</div>

در اینجا ما با چیز جدیدی روبرو شدیم. اتریبیوت `v-html` که مشاهده می‌کنید، **دایرکتیو** نامیده می‌شوند. دایرکتیوها پیشوند `v-‎` دارند تا نمایش دهنده این باشد که آنها اتریبیوت خاصی هستند که توسط Vue عرضه شده‌اند و همانطور که ممکن است حدس زده باشید، آنها رفتار reactive ویژه ای را به DOM رندر شده اعمال می کنند. در اینجا ما می‌گوییم "HTML داخلی این عنصر را با ویژگی `rawHtml` در نمونه فعال فعلی به‌روز نگه دار."
در اینجا ما با چیز جدیدی روبرو شدیم. اتریبیوت `v-html` که مشاهده می‌کنید، **دایرکتیو** نامیده می‌شوند. دایرکتیوها پیشوند `v-‎` دارند تا نمایش دهنده این باشد که آنها اتریبیوت خاصی هستند که توسط Vue عرضه شده‌اند و همانطور که ممکن است حدس زده باشید، آنها رفتار reactive ویژه ای را به DOM رندر شده اعمال می کنند. در اینجا ما می‌گوییم "HTML داخل این عنصر را با ویژگی `rawHtml` در نمونه فعال فعلی به‌روز نگه دار."

محتوای `span` با مقدار پراپرتی `rawHtml` جایگزین خواهد شد، که بعنوان HTML ساده تفسیر می‌شود. اتصال دیتا در اینجا نادیده گرفته می‌شود. در نظر داشته باشید که شما نمی‌توانید از `v-html` برای بایند بخشی از تمپلیت استفاده کنید، زیرا که Vue یک موتور قالب‌بندی برپایه استرینگ نیست. در عوض، کامپوننت‌ها به عنوان بخش‌های اساسی برای استفاده مجدد و اتصال UI ترجیح داده می شوند.

Expand Down Expand Up @@ -76,11 +76,11 @@ Vue از سینتکس تمپلیت که برپایه HTML گسترش یافته
<div v-bind:id></div>
```

این مشابه سینتکس میانبر ویژگی در هنگام تعریف آبجکت در JavaScript است. توجه داشته باشید این ویژگی تنها در Vue 3.4 و بالاتر در دسترس است.
این مشابه سینتکس مختصر پراپرتی در هنگام تعریف آبجکت در JavaScript است. توجه داشته باشید این ویژگی تنها در Vue 3.4 و بالاتر در دسترس است.

### اتریبیوت‌های بولین {#boolean-attributes}

[اتریبیوت‌های بولین](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes) اتریبیوت‌هایی هستند که می‌تواند true / false بودن مقادیر را با حضور آنها بر یک المنت نشان داد. برای مثال، [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) یکی رایج ترین اتریبیوت‌های بولین استفاده شده می‌باشد.
[اتریبیوت‌های بولین](https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes) اتریبیوت‌هایی هستند که می‌توان true / false بودن مقادیر را با حضور آنها بر یک المنت نشان داد. برای مثال، [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) یکی رایج ترین اتریبیوت‌های بولین استفاده شده می‌باشد.

`v-bind` در این مورد مقداری متفاوت عمل می‌کند:

Expand Down

0 comments on commit 2bca217

Please sign in to comment.