Vue.js ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਲਈ ਇੱਕ ਪ੍ਰਗਤੀਸ਼ੀਲ JavaScript ਫ਼ਰੇਮਵਰਕ ਹੈ। "ਪ੍ਰਗਤੀਸ਼ੀਲ" ਦਾ ਅਰਥ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਨੂੰ ਹੌਲੀ-ਹੌਲੀ ਅਪਨਾ ਸਕਦੇ ਹੋ — ਇਸ ਨੂੰ ਪੰਨੇ ਦੇ ਇੱਕ ਹਿੱਸੇ ਵਿੱਚ ਸੁੱਟ ਸਕਦੇ ਹੋ, ਜਾਂ ਇੱਕ ਪੂਰਾ single-page app ਬਣਾਉਣ ਲਈ ਇਸ ਦਾ ਪੂਰਾ ਈਕੋਸਿਸਟਮ ਵਰਤ ਸਕਦੇ ਹੋ।
ਇੱਕ ਘੱਟੋ-ਘੱਟ ਕੰਪੋਨੈਂਟ
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
ਇਹ single-file ਕੰਪੋਨੈਂਟ ਤਰਕ (), ਮਾਰਕਅਪ (), ਅਤੇ (ਵਿਕਲਪਿਕ ਤੌਰ 'ਤੇ) ਸਟਾਈਲ () ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ — ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਨ ਨਾਲ ਅਪਡੇਟ ਹੁੰਦਾ ਹੈ, ਅਤੇ Vue ਸਵੈਚਾਲਤ ਤੌਰ 'ਤੇ ਪਾਠ ਨੂੰ ਮੁੜ-ਰੈਂਡਰ ਕਰਦਾ ਹੈ।