Detailed explanation of page value transfer in WeChat mini program

Recently, when developing small programs in the group, we encountered an eternal topic on the front end: pagePassing values
I just started using path parameter passing, but as we all know:

The maximum length of the HTTP Get request URL in each browser is not the same. The maximum length of several commonly used browsers and the submission conditions after exceeding the maximum length are as follows:
IE6.0: The maximum length of the URL is 2083 characters, and it cannot be submitted after exceeding the maximum length. submit.
IE7.0: The maximum length of URL is 2083 characters. It can still be submitted after exceeding the maximum length, but only 2083 characters can be passed.
firefox 3.0.3: The maximum URL length is 7764 characters. It cannot be submitted after the maximum length is exceeded.
Opera 9.52: The maximum length of the URL is 7648 characters. It cannot be submitted after the maximum length is exceeded.
Google Chrome 2.0.168: The maximum length of the URL is 7713 characters. It cannot be submitted after the maximum length is exceeded.

So I don’t think it’s reliable.
After researching the official website, I found that there are two ways to do this "more elegantly", which of course cannot be compared with vuex/flux.

1. Use global variables
   Define in the projectapp.jsglobalData

   App({ globalData:{ userInfo:'angeladaddy' } });

   Copy after login

   Use where needed :

   getGlobalVar:function(){ var that=this; that.setData({ globalvar_str:JSON.stringify(getApp().globalData) }) }

   Copy after login

   Of course, you can also assign a value at any time:

   onLoad:function(options){ getApp().globalData.userInfo+=' is an awesome man'; },

   Copy after login

   Effect:

##Paste_Image.png

2. Use templates

According to the official introduction:

First define the template, use the name attribute

Copy after login

Then, use the template

• Use the is attribute to declare the template you need to use, and then pass in the data required by the template, such as: