install

npm install vue-generator-title --save

yarn add vue-generator-title

How to use (Example)?

js

import Vue from "vue"
import VueGeneratorTitle from "vue-generator-title";

/**
 * options: {
 * speed: Number
 * }
 */
Vue.use(VueGeneratorTitle, {
  speed: 5,
});

html

<template>
  <div id="app">
    <section>
      <h3 id="测试titleone">测试titleone</h3>
      <h4 id="测试titletwo">测试titletwo</h4>
      <p>
        内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容
      </p>
      <p>
        内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
        内容内容内容内容内容内容内容内容内容内容内容内容
        ...
      </p>
      <h3 id="标题1">标题1</h3>
      .....
    </section>
    <div class="navigator"></div>
  </div>
</template>
<script>
export default {
  name: "App",
  mounted() {
    setTimeout(() => {
      this.VueGeneratorTitle(
        document.querySelector("#app section"),
        document.querySelector("#app .navigator")
      );
    });
  },
};
</script>

And I'm done creating it!