JSFiddle - React, Tailwind, and code Playground

by ynishif

HTML

<link rel="stylesheet" href="https://unpkg.com/vuecsv/dist/vuecsv.min.css">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!DOCTYPE html>
<html>

  <head>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width,initial-scale=1">
    <title>vuecsv</title>
  </head>

  <body>
    <div id=app>
      <csv-download :title=title :data-json=d></csv-download>
    </div>
     <script type="text/javascript" src="https://unpkg.com/vuecsv/dist/vuecsv.min.js"></script>
  </body>

</html>

JavaScript

Vue.component("csv-download", VueCSV.CsvDownload)
new Vue({
  el: "#app",
  data: {
    title: 'download csv',
    d: [{
      'a': 1,
      'b': 2
    }, {
      'a': 3,
      'b': 4
    }]
  }
})