vue3 优化 <strong class="ff-ab"> <div v-show="resdata.status" v-loading="true" style="margin-top: -30px" ></div> <div v-show="!resdata.status"> {{ resdata.shijian }} </div> </strong>

1.使用template标签进行模板优化 2.使用v-if代替v-show，因为v-show会在DOM中保留元素，而v-if会完全删除元素，减少DOM操作 3.使用computed属性代替直接在模板中计算数据，因为computed会缓存计算结果，避免重复计算 4.使用keep-alive缓存组件，避免组件频繁销毁和重新创建 5.使用Object.freeze()冻结数据对象，避免不必要的响应式更新 6.使用异步组件和按需加载，减少初始化时的资源占用 7.使用v-bind代替直接在模板中写样式，避免样式重复和冗长