آموزش vue JS : جلسه 16 - کار با کامپوننت های تو در تو



visibility  
mode_comment   ۹

در این قسمت ابتدا با vue loader با ویو لودر آشنا میشویم و یک بررسی عمیق تری در ‌در فایل ها ‌خواهیم داشت و سپس به سراغ کار با کامپوننت ها در این جلسه می رویم .
پس با ما همراه باشید. . .

info توجه

این مطلب یک جلسه از آموزش حرفه ای vuejs می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش حرفه ای vuejs

comment دیدگاه کاربران
Mr abbas

سلام من اصلا نفهمیدم این کدو
render: h => h(App)

محمد نجاری

سلام ….
خیلی ساده میشه گفت که کامپوننت های ما نیاز به رندر شدن دارن و اینجا ما کامپوننت مورد نظرمون رو به رندر معرفی میکنیم.

سلام لطفا راجب به نحوه کامپایل شدن فایل ها و اینکه نقطه شروعش کجاست توضیحی بفرمایید من فایل main.js رو اسمشو تغییر دادم و خطا گرفت که webpack این فایل رو پیدا نکرده اما هر چی جستجو کردم این فایل webpack رو پیدا نکردم که کجاست ؟
نکته بعدی هم راجب به babel هست که اینم اگه میشه بیشتر توضیح بدید چون داخل دوره اشاره مناسبی بهش نشد و اینکه آیا برای اجرای فایلها کلا بهش نیازی داریم یا نه ؟
ممنون

محمد نجاری

سلام.
ما در اینجا چیزی رو کامپایل نمیکنیم. ما با ES6 کد میزنیم و چیزی که همه مرور گرها با اون راحتن ES5 هست پس یک ابزاری میخواهیم که این ترجمه رو انجام بده از ES6 به ES5 و اون ابزار هم اسمش Babel هست.فایل تنظیمات vue cli همان فایل babel.config.js است و از این لینک میتوانید اطلاعات بیشتری هم کسب کنید.

نکته: نوصیه میشود تنظیمات پیش فرض مدل ترجمه و نام های پیش فرض را تغییر ندهید. به خاطر اینکه شما رو وارد حاشیه میکند و باید کلی تایم بزارید برای اینکه ببنید چطور vue-cli را کانفیگ کنید (ما اینجا از vue-cli) استفاده کردیم که سریع ویو را داشته باشیم وکار کنیم و خودمونو درگیر موارد حاشیه ایی نکیم و همچنین این تایمی که گذاشتید بعدا بدردتون نمیخوره چون خیلی خیلی خیلی کم پیش میاد تو یه پروژه بخواهید با vue-cli کار کنید. چون هر پروژه کانفیگ خودش رو دارد.

Ali Zahedi

منظورتون رو از اینکه خیلی کم پیش میاد از vue-cli استفاده کنید رو متوجه نشدم
مگه این ابزار برا کار راحتتر با vuejs ایجاد نشده ؟ پس چرا خیلی کم پیش میاد که استفاده بشه ؟

محمد نجاری

سلام و وقت بخیر …
شما از vue در کجا استفاده خواهید کرد؟ .لاراول،جنگو،asp.net،روبی ان ریلز و یا هر فریمورک یا پلتفرمی دیگر هر کدام از اینها روش های برای پیاده سازی و استفاده از vue داخل خودشان دارند که برای مثال ابزار این کار در لاراول laravel mix نام دارد که خود آن در واقع از webpack بهره می برد یا webpacker که برای RubyOnRails می باشد.
شما برای کانفیگ کردن باندلر webpack را یاد بگیرید تا در هرکدام از این پلتفرم ها مشکلی نداشته باشید.
vue-cli یک ابزار استاندارد و سریع هست برای استفاده از vue js و کدنویسی آن.ما از vue-cli استفاده کردیم تا خیلی راحت از vuejs بهره ببریم و نخواهیم درگیر خیلی کارهای حاشیه ای بشویم.

موفق باشید.

امیر مسعودی

با سلام و عرض ادب خدمت شما استاد نجاری عزیز و سپاس از دوره آموزشی خوبتون
سوال این هست که فرض بفرمایید من با استفاده از vue و vue-cli، یک صفحه html دارای چندین tab مختلف ایجاد کرده ام و با عوض شدن این tab ها و با استفاده از درخواست های axios ، اطلاعات ارسالی از api رو نمایش میدهم. (ارسال درخواست به فایل php و نمایش دیتاهای ارسالی)
و برای ایجاد همچین صفحه ای از کامپوننت های vue استفاده کردم. آیا برای بارگذاری این صفحه در سرور کافیه که دیرکتوری dist که پس از دستور npm run build ایجاد شده رو در root وب سرویس کپی کنم؟

محمد نجاری

سلام و وقت بخیر .
از اینکه دوره مورد پسندتون واقع شده خوشحالم.

بله همین کار رو باید بکنید.

امیر مسعودی

شاید بهتر بود مینوشتم:
(ارسال درخواست به فایل php و نمایش پاسخ های دریافتی)

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.