Skip to content

Instantly share code, notes, and snippets.

@Kcko
Created June 24, 2025 07:21
Show Gist options
  • Save Kcko/1364cfb83a61603c33bd43595a517eb9 to your computer and use it in GitHub Desktop.
Save Kcko/1364cfb83a61603c33bd43595a517eb9 to your computer and use it in GitHub Desktop.
// https://learnvue.co/articles/v-once-v-memo
<script setup>
import { ref } from 'vue'
const subscribers = ref(4000)
const views = ref(10000)
const likes = ref(3000)
</script>
<template>
<div>
<div v-memo="[subscribers]">
<p>Subscribers: {{ subscribers }}</p>
<p>Views: {{ views }}</p>
<p>Likes: {{ likes }}</p>
</div>
<button @click="subscribers++">Subscribers++</button>
<button @click="views++">Views++</button>
<button @click="likes++">Likes++</button>
<div>
<p>Current state:</p>
<p>Subscribers: {{ subscribers }}</p>
<p>Views: {{ views }}</p>
<p>Likes: {{ likes }}</p>
</div>
</div>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment