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

使用v-if代替v-loading可以大大提高性能。因为v-loading是通过插入一个div元素来实现的，这会导致页面渲染速度变慢，而使用v-if则可以直接控制元素的显隐，不会影响页面的渲染速度。

在模板中使用表达式会导致页面的渲染速度变慢，特别是在循环中使用表达式。因此，尽量避免在模板中使用表达式，可以在computed中预先处理数据，以减少模板中的计算量。

在使用v-for循环遍历数据时，一定要为每个元素添加一个唯一的key属性。这样可以帮助Vue更好地跟踪每个元素的变化，提高性能。

使用v-once可以将元素标记为静态内容，这样可以避免不必要的重新渲染。但是，如果元素中包含动态内容，不要使用v-once标记整个元素，而是应该将动态内容单独标记。

使用异步组件可以将页面的加载时间缩短，提高用户体验。异步组件可以在需要时才加载，而不是在页面加载时就全部加载。这样可以减少页面的数据量，提高页面的加载速度。

使用keep-alive可以缓存组件，避免每次重新渲染组件。这样可以提高页面的性能，减少不必要的计算。但是，需要注意的是，使用keep-alive会增加内存的使用量，需要根据具体情况进行评估。

{{ resdata.status == 0 ? resdata.shijian : "" }} " title="vue3优化
{{ resdata.status == 0 ? resdata.shijian : "" }} " loading="lazy">