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



visibility  
mode_comment   ۶

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

info توجه

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

ثبت نام در دوره VueJS 2.0

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 بهره ببریم و نخواهیم درگیر خیلی کارهای حاشیه ای بشویم.

موفق باشید.

ارسال نظرات

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