【知识点】数组倒序排列方法：dom反转，数据反转

 1.dom反转

flex-direction: row-reverse;

flex-direction: column-reverse;

<template>
  <div id="first-detail">
    <!-- dom反转 -->
    <div class="dom-reverse1">
      <div v-for="item in 5" :key="item.index">{{ item }}假数据</div>
    </div>

    <!-- dom反转 -->
    <div class="dom-reverse2">
      <div v-for="item in 5" :key="item.index">{{ item }}假数据</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.dom-reverse1 {
  border: 1px solid rebeccapurple;
  display: flex;
  flex-direction: row-reverse;
  div {
    margin: 4px;
  }
}
.dom-reverse2 {
  border: 1px solid rebeccapurple;
  display: flex;
  flex-direction: column-reverse;
  div {
    margin: 4px;
  }
}
</style>
 

2.数据反转

var arr = [1,2,3,3,4]
arr.reverse();

var str= '12354'
str.split('').reverse().join('')最简单的方式翻转