title: Are there specific consequences of modifying a parent Array from a child component?
body: <p>It is possible to modify parents properties from within a child component when the <code>props</code> are an Array:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Vue.component('search-box', {
    template: '#search-box-template',
    props: ['who']
  })
  var vm = new Vue({
    el: '#root',
    data: {
      who: ['a', 'b']
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js"&gt;&lt;/script&gt;
  
  &lt;div id="root"&gt;
    who as seen by the parent: {{who}}
    &lt;search-box v-bind:who="who"&gt;&lt;/search-box&gt;
  &lt;/div&gt;
  
  &lt;template id="search-box-template"&gt;
      &lt;div&gt;
          who as seen by the child: {{who}}
      &lt;button v-on:click="who.push('x')"&gt;modify who from within the child&lt;/button&gt;
      &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Beside the intended action to modify the parent from a child (which may be, style wise, a bad thing to do) - <strong>are there collateral consequences of doing so, ones which would break Vue.js?</strong></p>