ویو جیاس (Vue.js) فریمورکی پیشرونده برای ساخت رابط کاربری تعاملی است. در آن صفحه از کامپوننتهایی تشکیل میشود که داده واکنشگرا و قالب نمایش خود را دارند. ویو برای اضافه کردن تعامل به بخشی از سایت موجود یا ساخت یک SPA کامل مناسب است.
نصب و ساخت پروژه جدید
npm create vue@latest
cd my-vue-app
npm install
npm run dev
در هنگام ساخت پروژه میتوان TypeScript، Vue Router و Pinia را انتخاب کرد. نسخه Node.js باید با ابزارهای فعلی سازگار باشد.
نمونه کامپوننت فروشگاهی
<script setup>
import { ref } from 'vue'
const count = ref(0)
</script>
<template>
<button @click="count++">افزودن به سبد: {{ count }}</button>
</template>
تفاوت با React و Angular
ویو قالب HTML و API واکنشگرای ویژه خود را دارد. ریاکت کتابخانهای برای ساخت UI است و انگولار مجموعه کاملتری از ابزارهای رسمی و قراردادها ارائه میدهد. برای SSR و تولید صفحات محتوامحور میتوان از ناکسْت استفاده کرد.
نکته سئو
برای سایت محتوایی، فقط Client-side Rendering را انتخاب نکنید. SSR یا پیشرندر صفحات مهم، همراه Metadata مناسب، به تجربه کاربر و کشف محتوا کمک میکند.