vue.jsのインラインメソッドハンドラで、vueインスタンスを参照する方法

Question

vue.jsのメソッドイベントハンドラ内では、thisでvueインスタンスを参照することができます。

Vue.component('sample', {
  template: `<div v-on:click="onClick">sample</div>`,
  methods:{
    onClick: function() {
      console.log(this); // thisで、vueインスタンスが取得できる
    }
  },
});

しかしインラインメソッドハンドラ内では、thisはグローバルオブジェクトを指してしまうようなのでvueインスタンスが取得できません。

Vue.component('sample', { // thisで、グローバルオブジェクト(window)が取得されてしまう
  template: `<div v-on:click="console.log(this)">sample</div>`,
});

this.$el等のvueインスタンスプロパティは、インラインメソッドハンドラ内では$elの書き方で参照できるようですが、vueインスタンス自体を参照するにはどうすればよいのでしょうか？
vueリファレンスは確認したのですが、目的の情報を見つけることができませんでした。

Answer 1

なぜ「v-on:click="console.log(this)"」という書き方をしたいのかわかりませんが
dataに_self:this,とでも振っておいて
「v-on:click="this.console.log(_self)"」とかで代替しては？

Comments

[ku__ra__ge]

ありがとうございます。その手がありましたね。
目的としては、イベント発生時に親コンポーネントにイベントが発生したvueインスタンスを渡すといったことがしたかったので質問させてもらいました。

[yambejp]

むしろthisがwindowをとってくれるのでthis.console.logが効くので
ある意味皮肉な話ですよね