title: Vuejs How to pass parent classes to child component in template
body: <p>I'm trying to remember how to pass a parent's <code>:class</code> bindings to a specific child component within a template. For instance:</p>
  <pre class="lang-vue prettyprint-override"><code>// parent-component.vue
  &lt;template&gt;
    &lt;child-component :class=&quot;['foo', bar, 'baz']&quot;&gt;
  &lt;/template&gt;
  </code></pre>
  <pre class="lang-vue prettyprint-override"><code>// child-component.vue
  &lt;template&gt;
    &lt;div class=&quot;dont-want-classes-here&quot;&gt;
      &lt;h1 class=&quot;not-here-either&quot;&gt;Someting v Important&lt;/h1&gt;
      &lt;sub-component :class=&quot;['want-parent-classes in-here', ...$parent.classes]&quot;&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>Do I need to create a new prop just for that purpose? is there a specific part of the Vue instance I can access from within the component?</p>
  <p>Thanks</p>