在加载vue.js上运行组件方法

嘿，我刚接触Vue.js，正在尝试完成看似简单的事情，但是遇到了麻烦。本质上，我需要它，因此每次将组件加载到DOM中时，都会触发其中一种方法。这是我当前的代码，我尝试使用v-on：load，但是似乎不起作用。

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(){

    }

});

如果我使用v-on：click事件，则相同的代码功能很好