title: V-Html with Updated doesn’t work
body: <p>I m trying to make a game.</p>
  
  <p>When a player submit to the game, normally the welcome message appears ! But Nothing appears.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;span v-html = "welcomeMessage" v-hide&gt;&lt;/span&gt;
  
      &lt;form v-hide v-on:submit.prevent="setPlayer"&gt;
        &lt;input name="player" placeholder="Enter the player name" v-border:blue/&gt;
        &lt;button type="submit" v-border:red&gt;Play&lt;/button&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      name: 'player',
      data: function () {
        return {
          player: '',
          welcomeMessage: ''
        }
      },
      updated: function () {
        this.welcomeMessage = `Hi &lt;span class="player"&gt;${this.player}&lt;/span&gt; ! `
      },
      methods: {
        setPlayer: function (event) {
          this.player = event.target[0].value
        }
      },
      directives: {
        border: function (el, binding) {
          el.style.borderColor = binding.arg
        },
        hide: function (el, binding, vnode) {
          let isForm = vnode.tag === 'form'
          let player = vnode.context.player
          if (isForm) {
            el.style.display = player ? 'none' : 'block'
          } else {
            el.style.display = player ? 'block' : 'none'
          }
        }
      }
    }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>it seems that doesn't work, i don't know why ! the name of theplayer is updated in the hook updated but the template doesn't show it.</p>
  
  <p>Any clue.</p>
  
  <p>Thxs.</p>