JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>
<div id="app">

  <div :setUser="{&quot;id&quot;:1,&quot;name&quot;:&quot;Lily&quot;,&quot;email&quot;:&quot;lily@selesti.com&quot;,&quot;wants_food&quot;:0,&quot;food_id&quot;:null,&quot;food&quot;:null}"></div>

  <div v-if="user">{{ user.name }}</div>
  <div v-else="user">no user</div>

</div>

JavaScript

window.App = new Vue({

  el: '#app',

  props: ['setUser'],

  data: {
    user: null
  },

  mounted: function() {
    this.user = this.setUser;
  }

});