Vue Tip: Check Version at Runtime

It's possible to check Vue's version at runtime by importing version from the Vue npm package and splitting the string at the . character:

1<template>
2  <h1>Vue Version: {{ vueVersion }}</h1>
3</template>
4
5<script setup>
6import { version } from 'vue'
7
8const vueVersion = version.split('.')[0]
9</script>

Demo

If you liked this Vue tip, follow me on X to get notified about new tips, blog posts, and more. Alternatively (or additionally), you can subscribe to my weekly Vue & Nuxt newsletter:

Vue Tip: Measure Performance

Learn some tools to measure the performance of your Vue application.

Vue Tip: Query Inner Elements in Third-Party Components

In some cases, we have to deal with third-party Vue components where we cannot put a ref on inner HTML elements to access them in our Vue code.