title: Vue.js passing functions to props not working
body: <p>I have a problem that passing functions to components is not working the way it's specified in the documentation.</p>
  
  <p>This is in my app.js</p>
  
  <pre><code>methods: {
      updateAnswer: function(question) {
          console.log('question: '+question);
      }
  }
  </code></pre>
  
  <p>This is in my html-file:</p>
  
  <pre><code>&lt;multiplechoice class="question counterIncrement counterShow active" id="q2" whenanswered="{{ updateAnswer('1') }}"&gt;&lt;/multiplechoice&gt;
  </code></pre>
  
  <p>This is in my components.js file:</p>
  
  <pre><code>props: [
      'whenanswered'
  ],
  
  ready: function() {
      this.whenanswered();
  },
  </code></pre>
  
  <p>I have already tried this:</p>
  
  <pre><code>props: [
      { name: 'whenanswered', type: Function}
  ];
  </code></pre>
  
  <p>but still no luck.</p>
  
  <p>This is in my console when I load the page:</p>
  
  <pre><code>Uncaught TypeError: this.whenanswered is not a function
  </code></pre>
  
  <p>Any help would be very much appreciated :)</p>