اندازهی قلم متن
تخمین مدت زمان مطالعهی مطلب:
یک دقیقه
Vue.js چیست؟
ویوجیاس یا وو جی اس (Vue.js) یکی از فریمورکهای جاوااسکریپتی است که به ما در ساختن اپلیکیشنهای تحت وب و تحت معماری MVVM یا همان (Model–view–viewmodel) کمک میکند.
در حالیکه مدت کمی از انتشار Vue.js میگذرد، اما این فریمورک به شدت محبوب شده و طرفداران زیادی پیدا کرده است.
پیشنیازها :
- آشنایی کامل با جاوااسکریپت
- آشنایی با Object-oriented در جاوااسکریپت
اولین قدم برای استفاده از Vue.js، نصب آن میباشد که مرحله به مرحله توضیح خواهم داد. جهت نصب، سایت Vue.js به ما چندین راه پیشنهاد میدهد که ما آنها را در ذیل بررسی میکنیم:
1- CDN
در قسمت CDN به آدرس زیر مراجعه کرده و لینک آن را در صفحهای که نیاز است از آن استفاده کنیم، قرار میدهیم. هرچندکه به صورت لوکال هم میتوانید کدها را در یک فایل ذخیره کرده و از آن استفاده کنید.
ابتدا باید آدرس زیر، درون تگ < script> قرار بگیرد
https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script>
2- NPM
طبق همین دستور میتوانید Vue.js را نصب کنید
$ npm install vue
3- CLI
با استفاده از کامند لاین هم به راحتی قابل نصب میباشد؛ با استفاده از دستورات زیر
$ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev
توجه: بهترین روش نصب، استفاده از CDN میباشد که توصیه میشود جهت سهولت و جلوگیری از دردسرهای نصب فریمورک، از مورد اول استفاده کنید.
حال پس از نصب، چنین کدی آماده خواهد شد.
<html> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script> </body> </html>
آخرین نسخه از ویو جی اس، 2.2.0 است.