title: Vue.js access parent component
body: <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>