ویو فریم ورک خوش بر و رو جی اس - بخش اول

با سلام خدمت دوستان من قرار هست فریم ورک vue 2 را در سطح مقدماتی در چندین پست (مقاله) آموزش بدم.

معرفی vue

خیلی خلاصه بگم بهتون که یک فریم ورک جاوا اسکریپت هستش که میخواد ما را در ایجاد رابط کاربری کمک کنه و به شدت در میان توسعه دهندگان وب محبوب هستش و هر روز به محبوبیتش افزوده میشه و شاید مهم ترین دلایل محبوبیتش موارد زیر باشه:

1. یادگیری آسان تر این فریمورک نسبت به فریمورک های دیگر
2. کم حجم بودن این فریم ورک
3. شباهت بعضی از دستورات آن با فریم ورک انگولار ورژن 1 که به شدت محبوب بود مثل:

• v-if vs ng-if
• v-for vs ng-for

دوستانی که میخوان بیشتر از vue بدونن میتونن به وبسایت رسمی سر بزنن.

پیش نیازها برای یادگیری vue

• جاوا اسکریپت
• جاوا اسکریپت 2015 یا همون ES6

نصب و راه اندازی vue

خب دوستان برای نصب و راه اندازی در اولین قدم برین به صفحه نصب و راه اندازی در وبسایت رسمی

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

• دانلود نسخه فشرده یا غیر فشرده vue و include کردن با استفاده از تگ script (از فایل فشرده در هنگام توسعه استفاده نکنید)
• از طریق cdn
• از طریق npm که این روش برای برنامه های بزرگ پیشنهاد میشه توسط وبسایت vue
• از طریق cli که موجب سرعت بخشیدن به توسعه میشه و میتونیم از این طریق ویو را نصب کنیم و با یک سری دستورات ساده که در ادامه قرار میدهم تغییراتمون در کد را بصورت hot reload مشاهده کنیم.

# install vue-cli
$ npm install --global vue-cli
# create a new project using the "webpack" template
$ vue init webpack my-project
# install dependencies and go!
$ cd my-project
$ npm install
$ npm run dev

ما تو این سری آموزش از همان روش مستقیم (تگ script) استفاده میکنیم و از قسمت بعد میپردازیم به شروع کدنویسی با vue دوست داشتنی و محبوب.