فهرست سرفصل‌های Vue
خانه (HOME) معرفی (Intro) دایرکتیوها (Directives) v-bind (v-bind) v-if (v-if) v-show (v-show) v-for (v-for) رویدادها (Events) v-on (v-on) متدها (Methods) تغییردهنده های رویداد (Event Modifiers) فرم ها (Forms) v-model (v-model) بایندینگ CSS (CSS Binding) ویژگی های محاسبه شده (Computed Properties) واچرها (Watchers) قالب ها (Templates) چرا، چگونه و راه اندازی (Why, How and Setup) اولین صفحه SFC (First SFC Page) کامپوننت ها (Components) پراپس (Props) کامپوننت های v-for (v-for Components) $emit() ($emit()) ویژگی های عبوری (Fallthrough) (Fallthrough Attributes) استایل Scoped (Scoped Styling) کامپوننت های محلی (Local Components) اسلات ها (Slots) v-slot (v-slot) اسلات های Scoped (Scoped Slots) کامپوننت های پویا (Dynamic Components) Teleport (Teleport) درخواست HTTP (HTTP Request) رفرنس های تمپلیت (Template Refs) هوک های چرخه عمر (Lifecycle Hooks) Provide/Inject (Provide/Inject) مسیریابی (Routing) ورودی های فرم (Form Inputs) انیمیشن ها (Animations) انیمیشن با v-for (Animations with v-for) بیلد (Build) Composition API (Composition API) ویژگی های توکار (Built-in Attributes) ویژگی 'is' ('is' Attribute) ویژگی 'key' ('key' Attribute) ویژگی 'ref' ('ref' Attribute) کامپوننت های توکار (Built-in Components) <KeepAlive> (<KeepAlive>) <Teleport> (<Teleport>) <Transition> (<Transition>) <TransitionGroup> (<TransitionGroup>) المان های توکار (Built-in Elements) <component> (<component>) <slot> (<slot>) <template> (<template>) نمونه کامپوننت (Component Instance) $attrs ($attrs) $data ($data) $el ($el) $parent ($parent) $props ($props) $refs ($refs) $root ($root) $slots ($slots) $emit() ($emit()) $forceUpdate() ($forceUpdate()) $nextTick() ($nextTick()) $watch() ($watch()) دایرکتیوها (Directives) v-bind (v-bind) v-cloak (v-cloak) v-for (v-for) v-html (v-html) v-if (v-if) v-else-if (v-else-if) v-else (v-else) v-memo (v-memo) v-model (v-model) v-on (v-on) v-once (v-once) v-pre (v-pre) v-show (v-show) v-slot (v-slot) v-text (v-text) گزینه های نمونه (Instance Options) داده ها (data) متدها (methods) محاسبه شده ها (computed) watch (watch) پراپس (props) emits (emits) expose (expose) هوک های چرخه عمر (Lifecycle Hooks) beforeCreate (beforeCreate) created (created) beforeMount (beforeMount) mounted (mounted) beforeUpdate (beforeUpdate) updated (updated) beforeUnmount (beforeUnmount) unmounted (unmounted) errorCaptured (errorCaptured) renderTracked (renderTracked) renderTriggered (renderTriggered) activated (activated) deactivated (deactivated) serverPrefetch (serverPrefetch) مثال ها (Examples) تمرین ها (Exercises) کوییز (Quiz) سیلابس (Syllabus) برنامه مطالعه (Study Plan) سرور (Server) گواهینامه (Certificate)
نتیجه‌ای برای جستجو یافت نشد.
Vue

Vue — تمرین ها (Exercises)

آخرین بروزرسانی: 1404/08/21

تمرین ها (Exercises)

اینجا «تمرین های Vue» را می دوزیم به عمل. «تمرین (Exercise)» یعنی حل مسئله کوچک، مثل معماهای کوتاه در مدرسه. بنابراین با حل هر سؤال، مفاهیم تثبیت می شوند و اعتمادبه نفس می گیرد.

شروع تمرین های Vue

در منبع، یک دکمه برای شروع وجود دارد. با آن وارد صفحه تمرین ها می شوی و سؤال ها را یکی یکی حل می کنی.

شروع تمرین ها در W3Schools

چطور امتیاز می گیری؟

برای هر پاسخ درست، 1 امتیاز می گیری. سپس امتیاز فعلی و کل امتیاز همیشه نمایش داده می شود. این مثل نمره های کوچک است که پیشرفتت را نشان می دهد.

روش پیشنهادی حل تمرین

  1. ابتدا متن سؤال را با دقت بخوان.
  2. قسمت های خواسته شده را ویرایش کن.
  3. دکمه اجرا را بزن و نتیجه را ببین.
  4. اگر اشتباه بود، پیام را بخوان و اصلاح کن.
  5. در نهایت، پاسخ را مقایسه کن و نکته ها را یادداشت کن.

نکته های کاربردی برای تمرین های Vue

نکته: اگر با «مقدمه» مشکل داری، اول از مثال های Vue شروع کن تا دستت راه بیفتد.

نکته: وقتی گیر کردی، نمایش پاسخ را فقط برای یادگیری ساختار ببین. سپس دوباره خودت تایپ کن.

نکته: هر تمرین کوتاه است؛ بنابراین با حفظ تمرکز، چند تمرین پشت سرهم حل کن.

منابع مرتبط

صفحه رسمی تمرین ها: Vue Exercises. اگر تازه کاری، از Vue Tutorial شروع کن.

در ادامه مسیر در سایت خودمان: برو به مثال های Vue و بعد آزمون Vue.

جمع بندی سریع

  • تمرین های Vue امتیازبندی دارند.
  • هر پاسخ درست، 1 امتیاز می دهد.
  • با مثال ها گرم کن.
  • اشتباه ها را یادداشت کن.
  • بعد سراغ آزمون برو.