آموزش Vue JS 2: از مبتدی تا حرفه ای (شامل Vuex)

سرفصل ها و درس ها

شروع شدن Getting Started

• سلام دنیا Hello World

• سلام دنیا Hello World

• مقدمه ای بر Vue.js Introduction to Vue.js

• مقدمه ای بر Vue.js Introduction to Vue.js

• راه اندازی یک محیط توسعه محلی (راه آسان) Setting up a local development environment (the easy way)

• ساختار دوره Course structure

• ساختار دوره Course structure

• راهنمای دوره پرسش و پاسخ Guidelines for the course Q&A

شروع شدن Getting Started

• راه اندازی یک محیط توسعه محلی (راه آسان) Setting up a local development environment (the easy way)

• راهنمای دوره پرسش و پاسخ Guidelines for the course Q&A

اصول Vue.js Fundamentals of Vue.js

• معرفی این بخش Introduction to this section

• کار با قالب ها Working with templates

• کار با قالب ها Working with templates

• مواد و روش ها Methods

• چند کلمه در مورد عملکردهای پیکان ES6 A word about ES6 arrow functions

• مقدمه ای بر بخشنامه ها Introduction to directives

• مقدمه ای بر بخشنامه ها Introduction to directives

• تمرین ها: درون یابی رشته ای، روش ها و دستورالعمل ها Exercises: String interpolation, methods and directives

• استفاده از عبارات با دستورات Using expressions with directives

• معرفی رویدادها Introduction to events

• انتقال استدلال به شنوندگان رویداد Passing arguments to event listeners

• دستورالعمل و اصلاح کننده رویداد Directive & event modifiers

• دستورالعمل و اصلاح کننده رویداد Directive & event modifiers

• اصلاح کننده های کلیدی Key modifiers

• کلیدهای اصلاح کننده Modifier keys

• تمرین‌ها: رویدادها و اصلاح‌کننده‌ها Exercises: Events & modifiers

• اتصال داده دو طرفه Two-way data binding

• امنیت: خروجی و فرار از HTML Security: Outputting and escaping HTML

• امنیت: خروجی و فرار از HTML Security: Outputting and escaping HTML

• رندر کردن عناصر فقط یک بار Rendering elements only once

• عناصر رندر مشروط Conditionally rendering elements

• نمایش و پنهان کردن عناصر Showing and hiding elements

• پنهان کردن عناصر تا زمانی که نمونه Vue آماده شود Hiding elements until the Vue instance is ready

• پنهان کردن عناصر تا زمانی که نمونه Vue آماده شود Hiding elements until the Vue instance is ready

• حلقه زدن از طریق آرایه ها Looping through arrays

• دسترسی به شاخص حلقه Accessing the loop index

• حلقه زدن از طریق ویژگی های شی Looping through object properties

• حلقه زدن از طریق ویژگی های شی Looping through object properties

• حلقه زدن از طریق محدوده اعداد Looping through number ranges

• درک استراتژی به روز رسانی v-for Understanding the v-for update strategy

• درک استراتژی به روز رسانی v-for Understanding the v-for update strategy

• تشخیص تغییر آرایه Array change detection

• تشخیص تغییر آرایه Array change detection

• تمرین ها: اتصال دو طرفه داده ها، شرطی ها و حلقه ها Exercises: Two-way data binding, conditionals, and loops

• تمرین ها: اتصال دو طرفه داده ها، شرطی ها و حلقه ها Exercises: Two-way data binding, conditionals, and loops

• بهینه سازی عملکرد با خواص محاسبه شده Optimizing performance with computed properties

• بهینه سازی عملکرد با خواص محاسبه شده Optimizing performance with computed properties

• افزودن گیرنده و تنظیم کننده به ویژگی های محاسبه شده Adding getters & setters to computed properties

• ناظران Watchers

• ناظران Watchers

• تمرین‌ها: ویژگی‌های محاسبه‌شده و ناظران Exercises: Computed properties & watchers

• تمرین‌ها: ویژگی‌های محاسبه‌شده و ناظران Exercises: Computed properties & watchers

• فیلترها Filters

• تمرین: فیلتر Exercises: Filters

• یک ظاهر طراحی با سبک های CSS درون خطی Styling with inline CSS styles

• استایل دهی با کلاس های CSS Styling with CSS classes

• تمرین ها: استایل سازی با سبک ها و کلاس های درون خطی Exercises: Styling with inline styles and classes

• اختصار برای رویدادها و صحافی ها Shorthands for events and bindings

• اختصار برای رویدادها و صحافی ها Shorthands for events and bindings

اصول Vue.js Fundamentals of Vue.js

• معرفی این بخش Introduction to this section

• مواد و روش ها Methods

• چند کلمه در مورد عملکردهای پیکان ES6 A word about ES6 arrow functions

• تمرین ها: درون یابی رشته ای، روش ها و دستورالعمل ها Exercises: String interpolation, methods and directives

• استفاده از عبارات با دستورات Using expressions with directives

• معرفی رویدادها Introduction to events

• انتقال استدلال به شنوندگان رویداد Passing arguments to event listeners

• اصلاح کننده های کلیدی Key modifiers

• کلیدهای اصلاح کننده Modifier keys

• تمرین‌ها: رویدادها و اصلاح‌کننده‌ها Exercises: Events & modifiers

• رندر کردن عناصر فقط یک بار Rendering elements only once

• عناصر رندر مشروط Conditionally rendering elements

• نمایش و پنهان کردن عناصر Showing and hiding elements

• حلقه زدن از طریق آرایه ها Looping through arrays

• دسترسی به شاخص حلقه Accessing the loop index

• حلقه زدن از طریق محدوده اعداد Looping through number ranges

• افزودن گیرنده و تنظیم کننده به ویژگی های محاسبه شده Adding getters & setters to computed properties

• فیلترها Filters

• تمرین: فیلتر Exercises: Filters

• یک ظاهر طراحی با سبک های CSS درون خطی Styling with inline CSS styles

• استایل دهی با کلاس های CSS Styling with CSS classes

• تمرین ها: استایل سازی با سبک ها و کلاس های درون خطی Exercises: Styling with inline styles and classes

مثال برنامه شماره 1: تجارت الکترونیک Example application #1: E-commerce

• معرفی اپلیکیشن Introduction to the application

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• نمایش محصولات Displaying products

• افزودن محصولات به سبد خرید Adding products to the cart

• افزودن محصولات به سبد خرید Adding products to the cart

• نمایش اطلاعات سبد خرید در منو Displaying the cart info in the menu

• جابجایی بین نماها Switching between views

• نمایش سبد خرید Displaying the cart

• نمایش سبد خرید Displaying the cart

• رسیدگی به افزودن محصولات از قبل در سبد خرید Handling adding products already in cart

• افزایش و کاهش مقدار محصولات Increasing and decreasing product quantities

• چک کردن Checking out

• بسته شدن Wrap up

مثال برنامه شماره 1: تجارت الکترونیک Example application #1: E-commerce

• معرفی اپلیکیشن Introduction to the application

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• نمایش محصولات Displaying products

• نمایش اطلاعات سبد خرید در منو Displaying the cart info in the menu

• جابجایی بین نماها Switching between views

• رسیدگی به افزودن محصولات از قبل در سبد خرید Handling adding products already in cart

• افزایش و کاهش مقدار محصولات Increasing and decreasing product quantities

• چک کردن Checking out

• بسته شدن Wrap up

شیرجه عمیق: نمونه Vue Deep dive: The Vue Instance

• معرفی این بخش Introduction to this section

• دسترسی به یک نمونه Vue خارج از اعلان آن Accessing a Vue instance outside of its declaration

• دسترسی به یک نمونه Vue خارج از اعلان آن Accessing a Vue instance outside of its declaration

• استفاده از چندین نمونه Vue در یک صفحه Using multiple Vue instances on the same page

• استفاده از چندین نمونه Vue در یک صفحه Using multiple Vue instances on the same page

• پروکسی Proxying

• پروکسی Proxying

• درک واکنش پذیری Understanding reactivity

• صف آپدیت ناهمزمان Asynchronous update queue

• صف آپدیت ناهمزمان Asynchronous update queue

• آشنایی با DOM مجازی Understanding the Virtual DOM

• افزودن ناظران به صورت پویا Adding watchers dynamically

• دسترسی به DOM با $refs Accessing the DOM with $refs

• نصب قالب ها به صورت پویا Mounting templates dynamically

• استفاده از قالب های درون خطی Using inline templates

• استفاده از قالب های درون خطی Using inline templates

• از بین بردن یک نمونه Vue Destroying a Vue instance

• از بین بردن یک نمونه Vue Destroying a Vue instance

• چرخه عمر و قلاب‌های نمونه Vue Vue instance lifecycle & hooks

• چرخه عمر و قلاب‌های نمونه Vue Vue instance lifecycle & hooks

• استفاده از قلاب چرخه حیات Using lifecycle hooks

• استفاده از قلاب چرخه حیات Using lifecycle hooks

شیرجه عمیق: نمونه Vue Deep dive: The Vue Instance

• معرفی این بخش Introduction to this section

• درک واکنش پذیری Understanding reactivity

• آشنایی با DOM مجازی Understanding the Virtual DOM

• افزودن ناظران به صورت پویا Adding watchers dynamically

• دسترسی به DOM با $refs Accessing the DOM with $refs

• نصب قالب ها به صورت پویا Mounting templates dynamically

راه اندازی یک محیط توسعه با Webpack و Vue CLI Setting up a Development Environment with Webpack & Vue CLI

• معرفی این بخش Introduction to this section

• معرفی این بخش Introduction to this section

• نصب افزونه ابزار برنامه نویس کروم Installing Chrome developer tools extension

• نصب افزونه ابزار برنامه نویس کروم Installing Chrome developer tools extension

• مقدمه ای بر Vue CLI Introduction to Vue CLI

• مقدمه ای بر Vue CLI Introduction to Vue CLI

• ایجاد پروژه با Vue CLI Creating a project with Vue CLI

• ایجاد پروژه با Vue CLI Creating a project with Vue CLI

• درک ساختار پروژه Understanding the project structure

• درک ساختار پروژه Understanding the project structure

• اجزای تک فایل Single file components

• اجزای تک فایل Single file components

• ساختمان برای تولید Building for production

• ساختمان برای تولید Building for production

راه اندازی یک محیط توسعه با Webpack و Vue CLI Setting up a Development Environment with Webpack & Vue CLI

اجزاء Components

• مقدمه ای بر اجزا Introduction to components

• چرا ویژگی داده باید تابع باشد Why the data property must be a function

• اجزای جهانی و محلی Global & Local Components

• قراردادهای نامگذاری اجزاء Component naming conventions

• ایجاد یک جزء در پروژه Creating a component in the project

• ایجاد یک جزء در پروژه Creating a component in the project

• تمرینات: اجزای جهانی، محلی و کودک Exercises: Global, local and child components

• تمرینات: اجزای جهانی، محلی و کودک Exercises: Global, local and child components

• سازماندهی اجزاء Organizing components

• سبک های جهانی و دامنه دار Global & scoped styles

• انتقال داده به کامپوننت ها Passing data to components

• انتقال داده به کامپوننت ها Passing data to components

• اعتبارسنجی داده های ارسال شده Validating passed data

• کار با رویدادها Working with events

• کار با رویدادها Working with events

• برقراری ارتباط از طریق اتوبوس رویداد Communicating through an event bus

• تمرین ها: انتقال داده ها و رویدادها Exercises: Passing data & events

• تمرین ها: انتقال داده ها و رویدادها Exercises: Passing data & events

• شکاف ها Slots

• شکاف ها Slots

• اسلات های نام گذاری شده Named slots

• اسلات های نام گذاری شده Named slots

• اجزای دینامیک Dynamic components

• اجزای دینامیک Dynamic components

• زنده نگه داشتن اجزای پویا Keeping dynamic components alive

• قلاب چرخه عمر اجزای دینامیک Dynamic components lifecycle hooks

• ابزار توسعه دهنده Vue در عمل Vue developer tool in action

• ابزار توسعه دهنده Vue در عمل Vue developer tool in action

اجزاء Components

• مقدمه ای بر اجزا Introduction to components

• چرا ویژگی داده باید تابع باشد Why the data property must be a function

• اجزای جهانی و محلی Global & Local Components

• قراردادهای نامگذاری اجزاء Component naming conventions

• سازماندهی اجزاء Organizing components

• سبک های جهانی و دامنه دار Global & scoped styles

• اعتبارسنجی داده های ارسال شده Validating passed data

• برقراری ارتباط از طریق اتوبوس رویداد Communicating through an event bus

• زنده نگه داشتن اجزای پویا Keeping dynamic components alive

• قلاب چرخه عمر اجزای دینامیک Dynamic components lifecycle hooks

مثال برنامه شماره 2: برنامه ایمیل Example application #2: Mail application

• معرفی اپلیکیشن Introduction to the application

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• ایجاد کامپوننت برای نماها Creating components for the views

• ایجاد کامپوننت برای نماها Creating components for the views

• اضافه کردن علامت گذاری نوار کناری Adding the sidebar markup

• جابجایی بین نماها Switching between views

• بارگیری پیام ها از فایل Loading messages from file

• افزودن اعداد به منوی پیمایش Adding numbers to navigation menu

• افزودن اعداد به منوی پیمایش Adding numbers to navigation menu

• نمایش صندوق ورودی Displaying the inbox

• نمایش صندوق ورودی Displaying the inbox

• علامت گذاری پیام ها به عنوان مهم Marking messages as important

• علامت گذاری پیام ها به عنوان مهم Marking messages as important

• نمایش پیام های ارسالی، مهم و سطل زباله Displaying sent, important and trashed messages

• نمایش پیام های ارسالی، مهم و سطل زباله Displaying sent, important and trashed messages

• نمایش یک پیام Displaying a message

• نمایش یک پیام Displaying a message

• علامت گذاری خودکار پیام ها به عنوان خوانده شده Automatically marking messages as read

• بازگشت به نماهای قبلی Navigating back to previous views

• در حال حذف پیام ها Deleting messages

• در حال حذف پیام ها Deleting messages

• علامت گذاری پیام ها به عنوان خوانده شده یا خوانده نشده Marking messages as read or unread

• در حال تازه کردن صندوق ورودی Refreshing the inbox

• در حال تازه کردن صندوق ورودی Refreshing the inbox

• ارسال پیام Sending messages

• ارسال پیام Sending messages

• بسته شدن Wrap up

مثال برنامه شماره 2: برنامه ایمیل Example application #2: Mail application

• معرفی اپلیکیشن Introduction to the application

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• اضافه کردن علامت گذاری نوار کناری Adding the sidebar markup

• جابجایی بین نماها Switching between views

• بارگیری پیام ها از فایل Loading messages from file

• علامت گذاری خودکار پیام ها به عنوان خوانده شده Automatically marking messages as read

• بازگشت به نماهای قبلی Navigating back to previous views

• علامت گذاری پیام ها به عنوان خوانده شده یا خوانده نشده Marking messages as read or unread

• بسته شدن Wrap up

ترکیبات و فیلترها Mixins & Filters

• مقدمه ای بر میکسین ها Introduction to mixins

• استفاده از میکسین Using mixins

• استفاده از میکسین Using mixins

• نحوه ادغام میکسین ها در How mixins are merged in

• نحوه ادغام میکسین ها در How mixins are merged in

• میکس های جهانی Global mixins

• فیلترهای جهانی Global filters

ترکیبات و فیلترها Mixins & Filters

• مقدمه ای بر میکسین ها Introduction to mixins

• میکس های جهانی Global mixins

• فیلترهای جهانی Global filters

تشکیل می دهد Forms

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• ورودی های متن و مناطق متنی Text inputs & textareas

• ورودی های متن و مناطق متنی Text inputs & textareas

• چک باکس ها Checkboxes

• دکمه های رادیویی Radio buttons

• دکمه های رادیویی Radio buttons

• انتخاب می کند (کشویی) Selects (dropdowns)

• اصلاح کننده ها Modifiers

• اصلاح کننده ها Modifiers

• دستور v-model چگونه کار می کند How the v-model directive works

• افزودن مقادیر پیش فرض Adding default values

• افزودن مقادیر پیش فرض Adding default values

• ارسال فرم ها Submitting forms

• ارسال فرم ها Submitting forms

تشکیل می دهد Forms

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• چک باکس ها Checkboxes

• انتخاب می کند (کشویی) Selects (dropdowns)

• دستور v-model چگونه کار می کند How the v-model directive works

انیمیشن ها و انتقال ها Animations & Transitions

• مقدمه ای بر انتقال ها و انیمیشن ها Introduction to transitions and animations

• مقدمه ای بر انتقال ها و انیمیشن ها Introduction to transitions and animations

• درک انتقال های تک عنصری Understanding single element transitions

• انتقال با کلاس های CSS Transitioning with CSS classes

• اجرای اولین انتقال ما Implementing our first transition

• اجرای اولین انتقال ما Implementing our first transition

• تعیین نام های انتقال Specifying transition names

• تعیین کلاس های انتقال سفارشی Specifying custom transition classes

• تعیین کلاس های انتقال سفارشی Specifying custom transition classes

• پیاده سازی یک انیمیشن CSS سفارشی Implementing a custom CSS animation

• پیاده سازی یک انیمیشن CSS سفارشی Implementing a custom CSS animation

• ترکیب انتقال ها و انیمیشن ها Mixing transitions and animations

• انتقال بین عناصر Transitioning between elements

• حالت های انتقال Transition modes

• عناصر انتقال در ابتدا (در بارگذاری صفحه) Transitioning elements initially (on page load)

• انتقال با قلاب های جاوا اسکریپت Transitioning with JavaScript hooks

• نادیده گرفتن کلاس های CSS Ignoring CSS classes

• نادیده گرفتن کلاس های CSS Ignoring CSS classes

• انتقال اجزای پویا Transitioning dynamic components

• انتقال عناصر متعدد Transitioning multiple elements

• انتقال عناصر متحرک Transitioning moving elements

انیمیشن ها و انتقال ها Animations & Transitions

• درک انتقال های تک عنصری Understanding single element transitions

• انتقال با کلاس های CSS Transitioning with CSS classes

• تعیین نام های انتقال Specifying transition names

• ترکیب انتقال ها و انیمیشن ها Mixing transitions and animations

• انتقال بین عناصر Transitioning between elements

• حالت های انتقال Transition modes

• عناصر انتقال در ابتدا (در بارگذاری صفحه) Transitioning elements initially (on page load)

• انتقال با قلاب های جاوا اسکریپت Transitioning with JavaScript hooks

• انتقال اجزای پویا Transitioning dynamic components

• انتقال عناصر متعدد Transitioning multiple elements

• انتقال عناصر متحرک Transitioning moving elements

مسیریابی (SPA) Routing (SPA)

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• مقدمه ای بر اپلیکیشن های تک صفحه ای (SPA) Introduction to Single Page Applications (SPA)

• نصب vue-router Installing vue-router

• نصب vue-router Installing vue-router

• فعال کردن روتر Enabling the router

• فعال کردن روتر Enabling the router

• ثبت مسیرها Registering routes

• ثبت مسیرها Registering routes

• رندر کردن اجزای مسیریابی شده Rendering routed components

• تغییر حالت روتر Changing the router mode

• مسیر همه جانبه Catch-all route

• انتقال مسیرها به فایل Moving routes to file

• افزودن لینک های ناوبری Adding navigation links

• افزودن لینک های ناوبری Adding navigation links

• سبک دادن به پیوند فعال Styling the active link

• تطبیق مسیر پویا Dynamic route matching

• پیوند به مسیرهای پویا Linking to dynamic routes

• مسیرهای نامگذاری شده Named routes

• مسیرهای نامگذاری شده Named routes

• بازیابی پارامترهای مسیر Retrieving route parameters

• استفاده از پایه های مسیر Using route props

• واکنش به تغییرات پارامتر Reacting to parameter changes

• واکنش به تغییرات پارامتر Reacting to parameter changes

• پیمایش به صورت برنامه ای Navigating programmatically

• پیمایش در پشته تاریخچه مرورگر Navigating in the browser’s history stack

• پیمایش در پشته تاریخچه مرورگر Navigating in the browser’s history stack

• تغییر مسیر Redirecting

• تغییر مسیر Redirecting

• نام مستعار Aliases

• نام مستعار Aliases

• مسیرهای تو در تو Nested routes

• پارامترهای پرس و جو Query parameters

• قطعه هش Hash fragment

• قطعه هش Hash fragment

• کنترل رفتار اسکرول Controlling the scroll behavior

• کنترل رفتار اسکرول Controlling the scroll behavior

• نماهای نامگذاری شده Named views

• انتقال مسیر Route transitions

• نگهبانان مسیر Route guards

• محافظ قطعات Component guards

• نگهبانان جهانی و میدان های متا Global guards & meta fields

• واکنش به ناوبری Reacting to navigations

مسیریابی (SPA) Routing (SPA)

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• مقدمه ای بر اپلیکیشن های تک صفحه ای (SPA) Introduction to Single Page Applications (SPA)

• رندر کردن اجزای مسیریابی شده Rendering routed components

• تغییر حالت روتر Changing the router mode

• مسیر همه جانبه Catch-all route

• انتقال مسیرها به فایل Moving routes to file

• سبک دادن به پیوند فعال Styling the active link

• تطبیق مسیر پویا Dynamic route matching

• پیوند به مسیرهای پویا Linking to dynamic routes

• بازیابی پارامترهای مسیر Retrieving route parameters

• استفاده از پایه های مسیر Using route props

• پیمایش به صورت برنامه ای Navigating programmatically

• مسیرهای تو در تو Nested routes

• پارامترهای پرس و جو Query parameters

• نماهای نامگذاری شده Named views

• انتقال مسیر Route transitions

• نگهبانان مسیر Route guards

• محافظ قطعات Component guards

• نگهبانان جهانی و میدان های متا Global guards & meta fields

• واکنش به ناوبری Reacting to navigations

اتصال به سرورها از طریق HTTP Connecting to Servers through HTTP

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• مقدمه ای بر استفاده از HTTP در Vue Introduction to using HTTP in Vue

• راه اندازی vue-resource Setting up vue-resource

• راه اندازی vue-resource Setting up vue-resource

• واکشی داده ها با درخواست های GET Fetching data with GET requests

• قالب های URI URI templates

• درخواست های POST POST requests

• استفاده از منابع Using resources

• اقدامات منابع سفارشی Custom resource actions

• اقدامات منابع سفارشی Custom resource actions

• پیکربندی جهانی Global configuration

• پیکربندی جهانی Global configuration

• پیکربندی درون کامپوننت ها Configuration within components

• رهگیرها Interceptors

• رهگیرها Interceptors

• بسته شدن Wrap up

اتصال به سرورها از طریق HTTP Connecting to Servers through HTTP

• کد منبع کامل در مخزن GitHub موجود است Full source code available within GitHub repository

• مقدمه ای بر استفاده از HTTP در Vue Introduction to using HTTP in Vue

• واکشی داده ها با درخواست های GET Fetching data with GET requests

• قالب های URI URI templates

• درخواست های POST POST requests

• استفاده از منابع Using resources

• پیکربندی درون کامپوننت ها Configuration within components

• بسته شدن Wrap up

Vuex Vuex

• آشنایی با Vuex Introduction to Vuex

• چرا Vuex مورد نیاز است Why Vuex is needed

• چرا Vuex مورد نیاز است Why Vuex is needed

• نصب Vuex Installing Vuex

• نصب Vuex Installing Vuex

• راه اندازی یک فروشگاه ساده Setting up a simple store

• راه اندازی یک فروشگاه ساده Setting up a simple store

• دسترسی به وضعیت یک فروشگاه Accessing a store’s state

• در حال تغییر حالت Changing state

• در حال تغییر حالت Changing state

• مقدمه ای بر گیرندگان Introduction to getters

• مقدمه ای بر گیرندگان Introduction to getters

• پیاده سازی گیرنده Implementing a getter

• دسترسی به گیرنده های دیگر Accessing other getters

• انتقال استدلال به گیرندگان Passing arguments to getters

• نگاشت گیرندگان به خواص محاسبه شده Mapping getters to computed properties

• مقدمه ای بر جهش ها Introduction to mutations

• اجرای جهش Implementing a mutation

• اجرای جهش Implementing a mutation

• انجام جهش با محموله ها Committing mutations with payloads

• انجام جهش با محموله ها Committing mutations with payloads

• نگاشت جهش به روش ها Mapping mutations to methods

• نگاشت جهش به روش ها Mapping mutations to methods

• استفاده از ثابت ها برای انواع جهش Using constants for mutation types

• جهش ها باید همزمان باشند Mutations must be synchronous

• جهش ها باید همزمان باشند Mutations must be synchronous

• مقدمه ای بر اقدامات Introduction to actions

• اجرای یک اقدام Implementing an action

• تخریب استدلال زمینه Destructuring the context argument

• تخریب استدلال زمینه Destructuring the context argument

• دسترسی به گیرندگان در داخل اقدامات Accessing getters within actions

• استفاده از وعده با عمل Using promises with actions

• استفاده از وعده با عمل Using promises with actions

• نگاشت اقدامات به روش ها Mapping actions to methods

• اتصال داده دو طرفه Two-way data binding

• اتصال داده دو طرفه Two-way data binding

• مقدمه ای بر ماژول ها Introduction to modules

• پیاده سازی ماژول ها Implementing modules

• پیاده سازی ماژول ها Implementing modules

• دسترسی به حالت ریشه از دریافت کننده ها Accessing root state from getters

• دسترسی به حالت ریشه از اکشن ها Accessing root state from actions

• اضافه کردن جهش به ماژول ها Adding mutations to modules

• اضافه کردن جهش به ماژول ها Adding mutations to modules

• مقدمه ای بر فضاهای نام Introduction to namespaces

• افزودن فضاهای نام Adding namespaces

• افزودن فضاهای نام Adding namespaces

• دسترسی به انواع فضای نام با کمک کننده ها Accessing namespaced types with helpers

• دسترسی به انواع فضای نام با کمک کننده ها Accessing namespaced types with helpers

• دسترسی به گیرنده های ریشه از ماژول های فضای نام Accessing root getters from namespaced modules

• ارسال اقدامات ریشه و ارتکاب جهش ریشه Dispatching root actions and committing root mutations

• ادغام با ابزارهای توسعه دهنده Integration with developer tools

• آیا باید از Vuex استفاده کرد؟ Should you use Vuex?

• آیا باید از Vuex استفاده کرد؟ Should you use Vuex?

Vuex Vuex

• آشنایی با Vuex Introduction to Vuex

• دسترسی به وضعیت یک فروشگاه Accessing a store’s state

• پیاده سازی گیرنده Implementing a getter

• دسترسی به گیرنده های دیگر Accessing other getters

• انتقال استدلال به گیرندگان Passing arguments to getters

• نگاشت گیرندگان به خواص محاسبه شده Mapping getters to computed properties

• مقدمه ای بر جهش ها Introduction to mutations

• استفاده از ثابت ها برای انواع جهش Using constants for mutation types

• مقدمه ای بر اقدامات Introduction to actions

• اجرای یک اقدام Implementing an action

• دسترسی به گیرندگان در داخل اقدامات Accessing getters within actions

• نگاشت اقدامات به روش ها Mapping actions to methods

• اتصال داده دو طرفه Two-way data binding

• مقدمه ای بر ماژول ها Introduction to modules

• دسترسی به حالت ریشه از دریافت کننده ها Accessing root state from getters

• دسترسی به حالت ریشه از اکشن ها Accessing root state from actions

• مقدمه ای بر فضاهای نام Introduction to namespaces

• دسترسی به گیرنده های ریشه از ماژول های فضای نام Accessing root getters from namespaced modules

• ارسال اقدامات ریشه و ارتکاب جهش ریشه Dispatching root actions and committing root mutations

• ادغام با ابزارهای توسعه دهنده Integration with developer tools

نتیجه Conclusion

• بسته شدن Wrap up

• بسته شدن Wrap up

نتیجه Conclusion