Vue

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<!doctype html>
<html lang='en'>
  <head>
    <meta charset='utf-8'>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.39/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.39/vfs_fonts.js"></script>
  </head>
  <body>
  <div id="app">
    <div>
      <form v-on:submit.prevent="submit">
        <button type="submit">PDF DL</button>
      </form>
    </div>
  </div>
  </body>
</html>

Vue

new Vue({
  el: "#app",
  methods: {
    submit() {
      const docDefinition = {
        content: [
          {
            text: "HEADER",
            style: "header"
          },
      
          {
            text: "SUB HEADER",
            style: "subHeader"
          },
          {
            text: "SENTENCE",
            style: "sentence"
          },
        ],
      
        styles: {
          header: {
            fontSize: 35,
            alignment: "center",
            margin: [0, 0, 0, 50]
          },
          subHeader: {
            fontSize: 20,
            alignment: "left",
            margin: [0, 0, 0, 10]
          },
          sentence: {
            fontSize: 15,
            alignment: "center",
            margin: [0, 0, 0, 30]
          },
        },
      };
      
      pdfMake.createPdf(docDefinition).download();
    }
  }
})