axios in vue-js

اکسیوس axios چیست؟

اکسیوس یک لایبری در جاوااسکریپت است برای ارتباط بک اند در فرانت که api اونجا نوشته شده است و موقعی که میخواهیم اطلاعات و دیتا در مروگر نشان دهیم در axios مینویسیم

فرق axios با fetch

fetch

یک api در fetch بنویسیم متود که get post put patch delete مشخص کنیم بعد مقدار then مثل یک promise بنویسیم

Axios

وقتی axios مینویسیم متودش مشخص می کنیم که get post put patch delete باشد بعد then که catch err و زمان response نشان می دهیم

axios in lifecycle

قبل از کار با لایف سایکل ها در ویوجی اس حتما این عکس به یاد داشته باشید

axios in vuex

اول نام state که users می نویسیم mutations اسم تابع و زمانی که میخوایم اون state فراخوانی کنیم و acions تابعی که قراره در vuex فراخوانی شود

چطور اطلاعات در template بنویسیم و در مروگر نشان دهیم

یک store درست می کنیم یک متغیر مشخص میکنیم و در ان state فراخوانی می کنیم ودر اخر با استفاده از conditional list v-for دیتا مثل کد زیر فراخوانی میکنیم

اکسیوس axios با استفاده از provide inject در vue-js

برای این استفاده می شود که کد کوتاه تر کامل تر وتمیز تر بنویسیم و هرچیز جای خودش باشد مثلا axios در کانفیگ نوشته شود و لایبری که میخواهیم استفاده کنیم با استفاده از provide فراخوانی کنیم ودر vuex با inject اکسیوس مثل کد زیر استفاده کنیم

فولدر config