ネイティブのJavaScriptの場合

ネイティブのJavaScriptと全く同じように書く場合はこうなりますが、これではnot definedエラーが出てしまいます。

  1. methods: {
  2. hoge: function() {
  3. hogehoge(); // not defined
  4. },
  5. hogehoge: function () {
  6. console.log('Hello');
  7. }
  8. }

解決方法

解決方法はとても単純です。
Vue.jsの場合は、宣言したメソッドがVueインスタンス上にあるため、thisを使って他のメソッドを呼び出します。

  1. methods: {
  2. hoge: function() {
  3. this.hogehoge(); // Hello
  4. },
  5. hogehoge: function () {
  6. console.log('Hello');
  7. }
  8. }

SNSでシェアする: