How to localize variables in vue

Xiaobian to share with you how vue variable localization, I believe most people do not know how, so share this article for everyone's reference, I hope you have a lot of harvest after reading this article, let's go to understand it together!

variable localization

Simply put, it is to save variables that will be referenced many times, because every time you access this.xx, because it is a responsive object, you will trigger the getter every time, and then execute the related code that depends on collection. If you use variables more times, the performance will naturally be worse.

In terms of requirements, it is enough to perform a dependency collection on a variable in a function, but many people habitually write this.xx in the project, and ignore what this.xx does, which will lead to performance problems.

For example:

{{ result}}import { someThing } from '@/utils'export default { props: ['number'], computed: { base () { return 100 }, result () { let base = this.base, number = this.number //Save for (let i = 0; i < 1000; i++) { number += someThing(base) //Avoid frequent references to this.xx } return number }}} That's all from the article "How to localize variables in vue." Thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!