Shulou(Shulou.com)06/01 Report--

Editor to share with you how vue unified management of cache variables, I believe that most people do not understand, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

Uniformly manage cache variables

Browser caches, such as sessionStorage and localStorage, are more or less used in a project. When there are many such caches in a project, it becomes difficult to maintain and manage, because they are scattered all over the project like global variables. At this time, we should manage these variables together and put them in one or more files, such as:

/ * types.js * / export const USER_NAME = 'userName';export const TOKEN =' token'

When access is needed, refer directly to:

Import {USER_NAME, TOKEN} from'. / types.js' session Storage [user _ NAME] = 'Zhang San'; localStorage [TOKEN] = 'xxx'

The advantage of using this method is that once we need to change the variable name, we can directly modify the value in the management file, without modifying the page that uses it, at the same time, it can avoid problems such as naming conflicts, which is similar to the management of mutations variables in vuex.

These are all the contents of the article "how vue uniformly manages cache variables". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.