微信小程序頁面?zhèn)髦祵?shí)例分析

容縣網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司于2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

最近組里開發(fā)小程序，遇到了一個(gè)前端亙古不變的話題：頁面?zhèn)髦?/p>

剛開始使用路徑傳參解決，但是眾所周知：

各瀏覽器HTTP Get請(qǐng)求URL最大長度并不相同，幾類常用瀏覽器最大長度及超過最大長度后提交情況如下：
IE6.0 :url最大長度2083個(gè)字符，超過最大長度后無法提交。
IE7.0 :url最大長度2083個(gè)字符，超過最大長度后仍然能提交，但是只能傳過去2083個(gè)字符。
firefox 3.0.3 :url最大長度7764個(gè)字符，超過最大長度后無法提交。
Opera 9.52 :url最大長度7648個(gè)字符，超過最大長度后無法提交。
Google Chrome 2.0.168 :url最大長度7713個(gè)字符，超過最大長度后無法提交。

所以覺得不靠譜。

研究了一下官網(wǎng)，發(fā)現(xiàn)有兩種方式可以“比較優(yōu)雅”地干這件事，當(dāng)然不能和vuex/flux比。

1.使用全局變量

在項(xiàng)目app.js中定義globalData

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

在需要的地方使用：

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

當(dāng)然也可以隨時(shí)賦值：

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

效果：

2.使用模板

根據(jù)官方介紹如下：

首先定義模板,使用name屬性

接著，使用模板

使用 is 屬性，聲明需要的使用的模板，然后將模板所需要的 data 傳入，如：