vue性能优化之变量的使用

vue把data、props、store等数据做成响应式，也就是会对这些响应式数据做深度监听，给每一个object类型的key（包括嵌套object）添加observer（vue3使用proxy）。
所以如果我们不需要数据是响应式的，可以在.vue文件头部直接使用let、const定义变量，例如需要储存大容量的变量用于画图（这样的数据通过接口请求到，往往不会改变），在组件销毁的时候将该这些变量设为null。如此可以降低内存损耗，提高性能。