JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
  <div v-for="val, key in paymentDataTransfer">
    <b>{{key}}:</b> {{typeof val == 'object' ? val.key : val}}
  </div>
</div>

JavaScript

new Vue({
  el: '#vue',
  data() {
    return {
      paymentDataTransfer: {
        initValue: 'PDT enabled',
        altValue: 'PDT disabled',
        pdtKey: {
          key: 'some value here'
        },
        customEnable: true
      }
    }
  }
})