简介
vue-countdown-component 是一个基于 Vue.js 的倒计时组件，并且支持单向和双向计时。
安装
在你的项目目录下使用 npm 安装 vue-countdown-component。
npm install vue-countdown-component --save
或者使用 yarn 进行安装：
yarn add vue-countdown-component
使用方法
在你的 Vue.js 项目中声明 vue-countdown-component，并使用组件标签进行调用。
-- -------------------- ---- -------
----------
-----
---- ---- ---
-------------- --------------- -------------------------------------------
----
---- ---- ---
-------------- --------------- --------------------- -------------------------------------------
------
-----------
--------
------ ------------ ---- --------------------------
------ ------- -
----- ------
----------- -
-------------
--
-------- -
---------------- -
--------------------
--
--
--
---------属性
countdown: 倒计时的秒数，默认值为 60。is-clockwise: 计时方向。true为单向计时，即从60到0。false为双向计时，即从0到60，默认值为true。
方法
finished: 在计时结束时调用的事件。可以为计时结束时执行的回调函数。
示例代码
以下为一个基于单向计时的示例代码。
-- -------------------- ---- -------
----------
-----
-------------- --------------- -------------------------------------------
--- -------------------------------
------
-----------
--------
------ ------------ ---- --------------------------
------ ------- -
----- ------
----------- -
-------------
--
------ -
------ -
-------- ---
--
--
-------- -
---------------- -
--------------------
------------ - --------
--
--
--
---------参考链接
vue-countdown-component Github 仓库
vue-countdown-component npm 地址
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607981e8991b448dea7f