vue

vue.js

<template>
  <div id="trades">
    <p>{{ message }}</p>
    <button @click='load'>Load data</button>    
  </div>
</template>

<script>
  const Gdax = require('gdax');
  const publicClient = new Gdax.PublicClient();
  const websocket = new Gdax.WebsocketClient(['LTC-USD']);

  export default {
    data: function() {
      return {
        message: 'Hello from trades Vue'
      }
    },
    methods: {
      mounted: function() {
        websocket.on('message', data => {
          console.log(data);
        });    
      },

      load: function() {     
        publicClient.getProducts((error, response, data) => {
          if (error) {
            // handle the error
          } else {
            console.log(JSON.stringify(data));
          }
        });
      }
    }
  }
</script>