Simple flip countdown timer component for Vue 2.x

If you are working with vueJs then In this post I am going to share Simple flip countdown timer component for Vue 2.x which help you to display countdown timer on your website.
screenshot


Installation

Install VueJs flip countdown timer component form NPM.

npm i vue2-flip-countdown --save

Create a simple countdown timer with VueJs

<template>
  <div>
    <flip-countdown deadline="2018-12-25 00:00:00"></flip-countdown>
  </div>
</template>
 
<script>
  import FlipCountdown from 'vue2-flip-countdown'
 
  export default {
      components: { FlipCountdown }
  }
</script>




If you’re using Nuxt.js, use to avoid server-side rendering. (You will get error if you don’t use )

<template>
  <div>
    <no-ssr>
      <flip-countdown deadline="2018-12-25 00:00:00"></flip-countdown>
    </no-ssr>
  </div>
</template>

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by philipjkim. Visit their official github repository for more information and follow for future updates.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.