Get started with primevue CDN

MIT licensed

PrimeVue is a popular open-source UI component library for Vue.js applications.

Tags:
  • primevue
  • vue
  • ui framework
  • component framework
  • ui library
  • component library
  • material
  • bootstrap

Stable version

Copied!

How to start using primevue CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://unpkg.com/primevue@2.2.13/dist/themes/saga-blue/theme.css">
    <link rel="stylesheet" href="https://unpkg.com/primevue@2.2.13/dist/primevue.min.css">
    <script src="https://unpkg.com/primevue@2.2.13/dist/primevue.min.js"></script>
    <title>Get started with primevue CDN - cdnhub.io</title>
</head>
<body>
    <div id="app">
        <p>Enter a number:</p>
        <input type="number" pInputText v-model="number" />
        <p>Is Prime: {{ isPrime }}</p>
    </div>

    <script src="https://unpkg.com/vue@2.6.11/dist/vue.min.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: {
                number: 0,
                isPrime: false
            },
            methods: {
                isPrimeNumber: function() {
                    this.isPrime = Number.isInteger(Math.sqrt(this.number)) ? false : this.number > 1;
                }
            },
            mounted() {
                this.isPrimeNumber();
            }
        });
    </script>
</body>
</html>
Copied!

All versions