script-setup #186
Merged
script-setup #186
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
src/api/sfc-script-setup.md
Outdated
Comment on lines
7
to
8
| - کارایی و پرفرمونس بهتر در زمان اجرا (تمپلیت در همان اسکوپ به یک render function تبدیل می شود، بدون پروکس میانی) | ||
| - پرفرمونس بهتر IDE برای تشخیص type-inference (برای تشخیص نوع داده ها کار کمتری انجام می شود) |
There was a problem hiding this comment.
Suggested change
| - کارایی و پرفرمونس بهتر در زمان اجرا (تمپلیت در همان اسکوپ به یک render function تبدیل می شود، بدون پروکس میانی) | |
| - پرفرمونس بهتر IDE برای تشخیص type-inference (برای تشخیص نوع داده ها کار کمتری انجام می شود) | |
| - کارایی و پرفورمنس بهتر در زمان اجرا (تمپلیت در همان اسکوپ به یک render function تبدیل می شود، بدون پروکسی میانی) | |
| - پرفورمنس بهتر IDE برای تشخیص type-inference (برای تشخیص نوع داده ها کار کمتری انجام می شود) |
There was a problem hiding this comment.
سلام، ممنون از ریویو، اصلاحات انجام شد، ممنون میشم چک کنید دوباره
src/api/sfc-script-setup.md
Outdated
|
|
||
| ```vue | ||
| <script setup> | ||
| console.log('hello script setup') | ||
| </script> | ||
| ``` | ||
|
|
||
| The code inside is compiled as the content of the component's `setup()` function. This means that unlike normal `<script>`, which only executes once when the component is first imported, code inside `<script setup>` will **execute every time an instance of the component is created**. | ||
| کد داخل اسکریپت تبدیل می شود به محتوای داخل تابع `()setup` کامپوننت. به این معنی که برخلاف تگ معمولی اسکریپت `<script>`، که فقط یک بار زمانی که کامپوننت برای بار اول ایمپرت شده است اجرا می شود، کد داخل `<script setup>` **هر با که یک instance از کامپوننت ساخته شود، اجرا می شود**. |
There was a problem hiding this comment.
Suggested change
| کد داخل اسکریپت تبدیل می شود به محتوای داخل تابع `()setup` کامپوننت. به این معنی که برخلاف تگ معمولی اسکریپت `<script>`، که فقط یک بار زمانی که کامپوننت برای بار اول ایمپرت شده است اجرا می شود، کد داخل `<script setup>` **هر با که یک instance از کامپوننت ساخته شود، اجرا می شود**. | |
| کد داخل اسکریپت تبدیل می‌شود به محتوای داخل تابع `()setup` کامپوننت. به این معنی که برخلاف تگ معمولی اسکریپت `<script>`، که فقط یک بار زمانی که کامپوننت برای بار اول ایمپورت شده است اجرا می‌شود، کد داخل `<script setup>` **هر با که یک instance از کامپوننت ساخته شود، اجرا می‌شود**. |
src/api/sfc-script-setup.md
Outdated
|
|
||
| ### Top-level bindings are exposed to template {#top-level-bindings-are-exposed-to-template} | ||
|
|
||
| When using `<script setup>`, any top-level bindings (including variables, function declarations, and imports) declared inside `<script setup>` are directly usable in the template: | ||
| زمانی که از `<script setup>` استفاده میکنید، هر top-level bindings (شامل متغیرها، توابع و ایمپرت ها) که داخل `<script setup>` قرار دارند، به صورت مستقیم در تمپلیت قابل استفاده هستند: |
There was a problem hiding this comment.
Suggested change
| زمانی که از `<script setup>` استفاده میکنید، هر top-level bindings (شامل متغیرها، توابع و ایمپرت ها) که داخل `<script setup>` قرار دارند، به صورت مستقیم در تمپلیت قابل استفاده هستند: | |
| زمانی که از `<script setup>` استفاده میکنید، هر top-level bindings (شامل متغیرها، توابع و ایمپورت‌ها) که داخل `<script setup>` قرار دارند، به صورت مستقیم در تمپلیت قابل استفاده هستند: |
src/api/sfc-script-setup.md
Outdated
| @@ -39,7 +39,7 @@ function log() { | |||
| </template> | |||
| ``` | |||
|
|
|||
| Imports are exposed in the same fashion. This means you can directly use an imported helper function in template expressions without having to expose it via the `methods` option: | |||
| ایپمرت ها هم به همین صورت قابل استفاده هستند. به این معنی که شما میتوانید به صورت مستقیم از یک متد کمکی که ایمپرت کرده اید بدون تعریف کردن آن در `methods` به صورت مستقیم در تمپلیت استفاده کنید: | |||
There was a problem hiding this comment.
Suggested change
| ایپمرت ها هم به همین صورت قابل استفاده هستند. به این معنی که شما میتوانید به صورت مستقیم از یک متد کمکی که ایمپرت کرده اید بدون تعریف کردن آن در `methods` به صورت مستقیم در تمپلیت استفاده کنید: | |
| ایمپورت‌ها هم به همین صورت قابل استفاده هستند. به این معنی که شما میتوانید به صورت مستقیم از یک متد کمکی که ایمپورت کرده اید بدون تعریف کردن آن در `methods` به صورت مستقیم در تمپلیت استفاده کنید: |
src/api/sfc-script-setup.md
Outdated
Comment on lines
84
to
86
| MyComponent را یک referenced variable در نظر بگیرید. اگر تاکنون از JSX استفاده کرده اید، مدل فکری شبیه به همان است. | ||
| نوشتار kebab-case که می شود `<my-component>` در تمپلیت قابل استفاده است. اما استفاده از تگ های PascalCase بخاطر امکان تشخیص راحت تر از تگ های نیتیو خود HTML بیشتر توصیه می شود. | ||
|
|
There was a problem hiding this comment.
Suggested change
| MyComponent را یک referenced variable در نظر بگیرید. اگر تاکنون از JSX استفاده کرده اید، مدل فکری شبیه به همان است. | |
| نوشتار kebab-case که می شود `<my-component>` در تمپلیت قابل استفاده است. اما استفاده از تگ های PascalCase بخاطر امکان تشخیص راحت تر از تگ های نیتیو خود HTML بیشتر توصیه می شود. | |
| MyComponent را یک referenced variable در نظر بگیرید. اگر تاکنون از JSX استفاده کرده‌اید، مدل فکری شبیه به همان است. | |
| نوشتار kebab-case که می‌شود `<my-component>` در تمپلیت قابل استفاده است. اما استفاده از تگ‌های PascalCase بخاطر امکان تشخیص راحت تر از تگ‌های بومی HTML بیشتر توصیه می‌شود. |
src/api/sfc-script-setup.md
Outdated
|
|
||
| ```vue | ||
| <script setup> | ||
| import { useSlots, useAttrs } from 'vue' | ||
| import { useSlots، useAttrs } from 'vue' |
There was a problem hiding this comment.
Suggested change
| import { useSlots، useAttrs } from 'vue' | |
| import { useSlots, useAttrs } from 'vue' |
src/api/sfc-script-setup.md
Outdated
|
|
||
| const slots = useSlots() | ||
| const attrs = useAttrs() | ||
| </script> | ||
| ``` | ||
|
|
||
| `useSlots` and `useAttrs` are actual runtime functions that return the equivalent of `setupContext.slots` and `setupContext.attrs`. They can be used in normal composition API functions as well. | ||
| `useSlots` و `useAttrs` در حقیقت runtime functions هستند که معادل `setupContext.slots` و `setupContext.attrs` می باشند. می توان آنها را در کامپوزیشن ای پی آی به عنوان توابع استفاده کرد. |
There was a problem hiding this comment.
Suggested change
| `useSlots` و `useAttrs` در حقیقت runtime functions هستند که معادل `setupContext.slots` و `setupContext.attrs` می باشند. می توان آنها را در کامپوزیشن ای پی آی به عنوان توابع استفاده کرد. | |
| `useSlots` و `useAttrs` در حقیقت runtime functions هستند که معادل `setupContext.slots` و `setupContext.attrs` می‌باشند. می‌توان آنها را در Composition API به عنوان توابع استفاده کرد. |
| // declare additional options | ||
| export default { | ||
| inheritAttrs: false, | ||
| inheritAttrs: false، |
There was a problem hiding this comment.
Suggested change
| inheritAttrs: false، | |
| inheritAttrs: false, |
src/api/sfc-script-setup.md
Outdated
| - Do **NOT** use a separate `<script>` section for options that can already be defined using `<script setup>`, such as `props` and `emits`. | ||
| - Variables created inside `<script setup>` are not added as properties to the component instance, making them inaccessible from the Options API. Mixing APIs in this way is strongly discouraged. | ||
| - برای کارهایی که در `<script setup>` قابل انجام دادن هستند، از یک `script` جدا استفاده **نکنید**، مثل `props` و `emits`. | ||
| - متغیرهای ساخته شده داخل `<script setup>` به عنوان ویژگی های یک کامپوننت به کامپوونت اضافه نمی شوند، بنابراین قابلیت دسترسی به آنها در Options API وجود ندارد. استفاده همزمان از Options API و Composition API اشتباه است. |
There was a problem hiding this comment.
Suggested change
| - متغیرهای ساخته شده داخل `<script setup>` به عنوان ویژگی های یک کامپوننت به کامپوونت اضافه نمی شوند، بنابراین قابلیت دسترسی به آنها در Options API وجود ندارد. استفاده همزمان از Options API و Composition API اشتباه است. | |
| - متغیرهای ساخته شده داخل `<script setup>` به عنوان پراپرتی‌های یک کامپوننت محسوب نمی‌شوند، بنابراین امکان دسترسی به آنها در Options API وجود ندارد. استفاده همزمان از Options API و Composition API اشتباه است. |
src/api/sfc-script-setup.md
Outdated
|
|
||
| ## Top-level `await` {#top-level-await} | ||
|
|
||
| Top-level `await` can be used inside `<script setup>`. The resulting code will be compiled as `async setup()`: | ||
| `await` می تواند در <`script setup`> استفاده شود. کد نهایی کامپایل می شود به `()async setup`: |
There was a problem hiding this comment.
Suggested change
| `await` می تواند در <`script setup`> استفاده شود. کد نهایی کامپایل می شود به `()async setup`: | |
| `await` می‌تواند در `<script setup>` استفاده شود. کد نهایی کامپایل می‌شود به `()async setup`: |
mostafa-nematpour
approved these changes
Apr 17, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.