简单数据结构实现升序、降序案例

实际开发，以及浏览器性能差

<template>
  <div>
    <div>
      <!-- <input
        type="text"
        v-model="queryInfo.query"
        @change="queryChange(queryInfo.query)"
        placeholder="请输入商品内容"
      /> -->
      <input type="text" v-model="queryInfo.query" placeholder="请输入商品内容" />
    </div>
    <table>
      <tr>
        <th>编号<button @click="sortS(flag)" id="btnOne">升序</button></th>
        <th>名称</th>
        <th>价格（元）<button @click="sortJ(flag)" id="btnTow">降序</button></th>
      </tr>
      <tr v-for="item in contDatas" :key="item.id">
        <th>{
   {
   <