آشنایی با Vue js

جاوااسکریپت قابلیت و توانایی های خیلی زیادی رو داره در اختیارمون میزاره که حتی بین فریمورک های خودش هم رقابت تنگا تنگی وجود داره ، تو این نوشته قراره ویو جی اس (vue.js) رو معرفی کنیم و از این به بعد هم نوشته های بیشتری در مورد vuejs و توانایی های اون منتشر خواهیم کرد .

این فریمورک جاوااسکریپت برای ایجاد رابط کاربری مبتنی بر وب هست که محبوبیت خیلی زیادی پیدا کرده و توسعه دهندگان علاقه زیادی رو نسبت به این فریمورک نشون دادن ، شاید بد نباشه به صفحه گیت هاب اون سر بزنید تا این مساله رو به وضوح ببینید . ویو جی اس در سال 2014 در قالب یک فریمورک متن باز معرفی شد که الگو طراحی به کار گرفته شده در اون به صورت MVVM هست . همچنین ویو جی اس برای اینکه بهتر خودش رو نشون بده از یک DOM مجازی استفاده میکنه که در نهایت این فریمورک خیلی سریع و سبک هست .

معمولا برای همه ما داشتن مستندات خوب برای انتخاب یک زبان یا یک فریمورک اهمیت زیادی داره ؛ از مزیت های مهم ویو میشه مستند سازی خیلی خوب اون اشاره کرد .

شاید شماهم مثل من علاقه مند باشید یک فریمورک جدید رو خیلی سریع یادبگیرید ، روند یادگیری در vuejs بسیار سریع و ساده هست البته که vue js  هم پیچیدگی های مربوط به خودش رو داره . اما در کل میشه اینطور گفت که در مقایسه با فریمورک های دیگه روند یادگیری خیلی ساده تری رو داره و راحت تر میتونید اون رو درک کنید .مثلا شما برای یادگیری انگولار نیاز به دانستن تایپ اسکریپت داشتید اما در vuejs روند یادگیری چالش های زیادی نداره و کافیه موارد اولیه دنیای وب رو به خوبی بدونید .

همونطور که گفته شد هسته اصلی vuejs بر روی لایه view تمرکز داره که از یک فرایند ماژولار بهره میبره و در نهایت شما میتونید راه حل های خودتون رو در مشکلات دیگر استفاده کنید . همچنین در ویو جی اس رسما از ویژگی های کتابخانه های همراه پشتیبانی میشه که همه با هسته اصلی آپدیت میشن . شما میتونید از ریداکس هم در vuejs استفاده کنید حتی این فریمورک از تایپ اسکریپت و JSX هم پشتیبانی میکنه .

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

در ضمن vuejs از قابلیت hot reload هم پشتیبانی میکنه که این قابلیت این اجازه رو به ما میده تا به جای این که مجددا کل صفحه رو بارگذاری کنیم ، تنها قسمت مورد نیاز خودمون رو بارگذاری کنیم . ابزار های توسعه داخلی که ویو جی اس وجود داره به ما کمک میکنه تا عیب یابی خیلی راحت تر و ساده تر انجام بشه .ویو جی اس رو به راحتی میتونید با پروژه های قبلی خودتون ترکیب کنید و اون رو با پروژه های قدیمی خودتون ادغام کنید که این ترکیب کردن به دلیل وجود کامپوننت برای همه چیز در ویو جی اس هست .

 در کل اگه بخوایم به صورت موردی در کنار موارد بالا یک سری ویژگی های ویو جی اس رو بگیم میشه به موارد زیر اشاره کرد :

متن باز

دارای دستورالعمل های v-if، v-else، v-show، v-on، v-bind، v-model

انجام محاسبات بر اساس تغییرات بدون کدنویسی

کامپوننت ها برای ایجاد عناصر سفارشی

مدیریت رویداد

استفاده از DOM مجازی

اعمال Watchers به داده های در حال تغییر

انجام ناوبری بین صفحات با کمک vue-router

شاید براتون جالب باشه که بدونید فریمورک Vue توسط یکی از برنامه نویس های شرکت گوگل به نام ایوان یو ساخته شده که بر روی پروژه انگولار کار میکرده .

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

در پایان هم شاید بد نباشه علاوه بر سایت vue js ، مقاله سایت hub.packtpub.com رو هم نگاهی بندازید .