JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.min.js"></script>
<profile :user="{ name: 'ベル子', age: 29 }">

JavaScript

Vue.component('profile', {
  props: ['user'],
  template: `
    <div>名前: {{ user.name }}</div>
    <div>年齢: {{ user.age }}</div>
    <div>ひとこと: {{ user.text }}</div>`,

  ready: function() {
 		this.$set('user.text', 'やっほー');
    this.user.text = 'いえーい';
  }
})

var vm = new Vue({
  el: 'body',
  components: ['profile']
})