Exécuter une méthode de composant sur la charge vue.js

hé, je suis assez nouveau à Vue.js et je suis en train de réaliser ce qui semble être une simple chose, mais je suis, avoir des problèmes. Essentiellement, j'en ai besoin donc chaque fois qu'un composant est chargé dans les DOM, l'un de ses méthodes de feu. Voici mon code actuel, j'ai essayé d'utiliser le v-sur:charge, mais il ne semble pas fonctionner.

JS:

Vue.component('graph', {
    props:['graphId','graphData'],
    template: '<canvas v-on:load="{{populateGraph()}}"></canvas>',
    methods: {
        initGraph: function () {
            var settlementBalanceBarChart = new Chart(this.graphId, {
                type: "bar",
                data: settlementBalanceBarData,
                options: settlementBalanceBarOptions
            });
        },
        //this is the function I would like to run
        populateGraph: function () {
            alert('{{graphId}}');
        }
    }

});

var vm = new Vue({
    el: "#app",
    mounted: function(){

    }

});

Le même code fonctionne très bien si j'utilise le v sur:cliquez sur l'événement

InformationsquelleAutor Zak A | 2016-11-18