screen_rotation
Copied to Clipboard
<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 Reverse Method</h2> <p>Reverse feature in Vue JS puts an array's elements in reverse order.</p> <p>Reverse Array Data</p> <button @click="myFunction">Reverse </button> <p v-for='result in results'>{{result}}</p> <p></p> </div> <script type="module"> import { createApp } from 'vue' createApp({ data() { return{ countries:['India','England','America','Australia','China','Russia'], results:'' } }, methods:{ myFunction(){ this.results = this.countries.reverse(); }, } }).mount('#app') </script> </body> </head> </html>