Vue.js access parent component
<p>I've got a child-component that has this method:</p>

<pre><code>getSubscriptions () {
    MessageService.subscriptions()
            this.$parent.loading = true;
            .then((data) =&gt; {
                if (data.data.subscriptions == null) {
                    this.noSubscriptions = true;
                } else {
                    this.subscriptions = data.data.subscriptions;
                }

                this.$parent.loading = false;
            }).bind(this);
}
</code></pre>

<p>So I want to show a load circle in my parent component I access it like this:</p>

<pre><code>this.$parent.loading
</code></pre>

<p>(My parent component has a data attribute called <code>loading</code>)</p>

<p>But when I try to compile that with gulp ^ I receive:</p>

<pre><code>[14:52:56] Starting 'browserify'...
  46 |                             }
  47 | 
&gt; 48 | t                           this.$parent.loading = false;
     |                             ^
  49 |                         }).bind(this);
  50 |             },
  51 | 
{ SyntaxError: unknown: Unexpected token (48:28)
  46 |                             }
  47 | 
&gt; 48 | t                           this.$parent.loading = false;
     |                             ^
  49 |                         }).bind(this);
  50 |             },
</code></pre>

<p>What could be wrong here?</p>

<p>(I'm using <code>Vue.js 1.0</code>)</p>