vill-message

a vue plugins about time directive

Build Setup

install the plugin on bash and the sass module support

npm install vill-directive --save-dev

register the plugins on global file (main.js)

import time from 'vill-directive'
Vue.use(time);

on the vue template file ,you can use it by

<template>
  <div class="demo">
    <h4>v-time 指令</h4>
    <span v-time="now"></span>
    <h4>v-clock 指令</h4>
    <span v-clock></span>
    <h4>v-down 指令</h4>
    <span v-down="time"></span>
  </div>
</template>
<script>
export default {
  name: "Demo",
  data() {
    return {
      time: "2019-03-20 13:16:00"
    };
  },
  computed: {
    now() {
      return Date.now();
    }
  }
};
</script>
<style scoped></style>

| 指令选项 | 说明 | 类型 | 默认值 |----- | ----- | ----- | ----- | v-clock | 显示时间钟表| - | - | v-time | 显示当前时间 | String | - | v-down | 显示输入的时间和当前时间倒计时 | String | -

demos

License

MIT