load vue.jsでコンポーネントを実行する

Question

ちょっと私はVue.jsを新しく使いました。簡単なことを達成しようとしていますが、問題があります。基本的には、コンポーネントがDOMにロードされるたびにメソッドの1つが起動するように、必要なのです。ここでは私の現在のコードですが、私はv-onを使用しようとしました：ロードしても動作しないようです。

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

 
    } 
 

 
});

微同じコード関数Iは、V-上を使用する場合：あなたはそのために使用することができますinstance lifecycle hooksがあります。イベント

Answer 1

をクリックします。例：

Vue.component('graph', { 
    props:['graphId','graphData'], 
    template: '<canvas></canvas>', 
    created: function() { 
     alert('{{graphId}}'); 
    }, 
    methods: {} 
});