J'ai un problème pour trier un tableau et je ne sais pas pourquoi

Question

J'ai un problème avec mon code et je ne sais pas pourquoi ne fonctionne pas et donne toujours des erreurs différentes de toute façon j'ai essayé erreur: 'arraysorted' non défini non-undef

<div>
   {{ arraysorted }}
 </div>
</template>

<script>
const Array = [];
export default {
 data: () => ({
   Array: [1, 24, 23, 56, 76, 5, 468, 97, 65, 90, 23, 53, 23],
   arraysorted: [],
 }),
 mounted: {
   ArraySort() {
     return arraysorted = Array.sort(function (a, b) {
       return b - a;
     });
   },
 },
};
</script>

Answer 1

Vous pouvez utiliser les propriétés calculées :

new Vue({
  el: "#demo",
  data: () => ({
    myArray: [1, 24, 23, 56, 76, 5, 468, 97, 65, 90, 23, 53, 23],
  }),
  computed: {
    arraysorted() {
      const arrSorted = [...this.myArray]
      return arrSorted.sort((a, b) => b - a)
    },
  },
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  {{ arraysorted }}
  {{myArray}}
</div>