title: setInterval function in vue mounted() not working
body: <p>My function works fine but setInterval not working, I want my <code>h1</code>'s <code>text-shadow</code> to be randomized(already wrote that function) and changed every 1000ms with the <code>setInterval()</code> but it doesn't seem to work</p>
  
  <p>Here's code:</p>
  
  <pre class="lang-js prettyprint-override"><code>  data(){
        return {
          textshadow: '1.3px 2px 0',
          textshadowColor: '#333'
        }
    },
    methods:{
      playy:function(){
        var test = '#'+Math.floor(Math.random()*16777215).toString(16);
        this.textshadowColor = test;
      }
    },
    mounted(){
      setInterval(this.playy(),1000);
    }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;div class="main"&gt;
        &lt;h1 v-bind:style="{textShadow : '1.3px 2px 0' + textshadowColor}"&gt;{{ title }}&lt;/h1&gt;
    &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>h1 {
    text-align:center;
    padding-top:22px;
    color:#fff;
    text-shadow:1.3px 2px 0;
    cursor: nesw-resize;
    transition: .2s;
  }
  </code></pre>