Auxiliary text display with vuejs

import 'v-title/lib/element-ui';

import Vue from 'vue';
import VTitle from 'v-title';

Vue.use(VTitle);

import VTitle from 'v-title';

export default {
  components: {
    VTitle
  }
};

<template>
  <p v-title="title"></p>
  <p v-title.light="title"></p>
  <p v-title.overflow="title"></p>
  <p v-title="title" title-placement="bottom">
    top(-start, -end), right(-start, -end), bottom(-start, -end),
    left(-start, -end)，default: top
  </p>
</template>

<script>
import VTitle from 'v-title';

export default {
  directives: {
    VTitle
  },
  data() {
    return {
      title: 'test',
    };
  }
};
</script>