ویو جی‌اس (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 مناسب، به تجربه کاربر و کشف محتوا کمک می‌کند.