title: how can I push in this array?
body: <p>I'm trying to push another fruit in the array with push. But it doesn't work, when I run this I'm getting the same array.<br>
  can you help me please.</p>
  
  <p>HTML  </p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;ul&gt;
      &lt;li v-for="fruit in fruits"&gt;
        {{fruit.name}}
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>new Vue({
      el:'#app',
      data:{
          fruits:[
              {name:'apple'},
              {name:'banana'},
              {name:'orange'}
          ]
      }
  })
  
  vue.fruits.push({name:'pear'});
  </code></pre>