Vue Js Push to Array

 
<html>
  <head>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
      }
    </script>
   
    <body>
      <div id="app">
        <h2>Vue js Array Push Method</h2>
        <p>Push function in Vue Js,Insert a new item at the last index of array</p>
        <button @click="myFunction">Add country </button>
        <p>Add new country in array</p>
        <ul v-for='(country,index) in countries' :key='index'>
          <li>{{country}}</li>
        </ul>
      </div>
      <script type="module">
      import { createApp } from 'vue'
      createApp({
      data()
      { 
        return{ 
         countries:['India','England','America','Australia','China','Russia'],
         
        } 
     }, 
     methods:{ 
         myFunction(){ 
            this.results = this.countries.push('Africa'); 
           },
        }
    }).mount('#app')
  </script>
​
    </body>
  </head>
</html>