安裝好開發(fā)工具后染服，新建項(xiàng)目豪椿，看到有提示quickstart的時(shí)候選擇是奔坟，進(jìn)入開發(fā)界面后携栋，會(huì)出現(xiàn)如下的代碼結(jié)構(gòu)，
如果沒有出現(xiàn)咳秉，則從官網(wǎng)文檔上婉支，下載一份源碼：https://mp.weixin.qq.com/debug/wxadoc/dev/demo/quickstart.zip?t=2017112
對(duì)于這個(gè)結(jié)構(gòu) 我們先簡(jiǎn)單的看一下，
1.app.js
app.js里聲明了一個(gè)App應(yīng)用澜建，其中onLauch方法為其生命周期鐘的方法：另外的三個(gè)方法就是 onShow,onHide,onError..分別在app加載向挖，顯示，隱藏和錯(cuò)誤時(shí)觸發(fā)炕舵。
在app.js中給App聲明的方法何之，在全局中都可以訪問，訪問的方法是：
varapp=getApp();app.getUserInfo(func);//調(diào)用App里面的getUserInfo方法
2.app.json
這個(gè)文件用于配置整個(gè)應(yīng)用的屬性咽筋，比如窗口的屬性溶推，應(yīng)用中的路由頁(yè)面配置，導(dǎo)航條navbar奸攻，tabBar,networkTimeout,debug等配置悼潭。下面簡(jiǎn)單說下該配置里的參數(shù)：
01.pages
該參數(shù)是一個(gè)數(shù)組，放置所有的路由頁(yè)面舞箍，
第一項(xiàng)被默認(rèn)為起始頁(yè)
02.window
該參數(shù)配置背景色，背景文字樣式皆疹，導(dǎo)航條的背景色疏橄，導(dǎo)航條的文字顏色
03.tabBar
該參數(shù)可以配置tab按鈕的樣式，在不配置的時(shí)候是不顯示的略就。
11.list：數(shù)組捎迫，里面配置每個(gè)tabBar文字，圖標(biāo)的樣式表牢，和路由路徑
參數(shù)為：pagePath,text,iconPath,selectedIconPath
12.position:tabBar的位置窄绒，bottom/top
13.backgroundColor:背景色
14.color：文字顏色
15.selectedIconPath:選中的圖標(biāo)顏色
04.networkTimeout
對(duì)象類型：比如：request:10000
05.debug:true/false
3.app.wxss
定義全局的樣式特征，里面定義的樣式整個(gè)app都可以訪問崔兴。
4.pages文件夾
里面放置所有的頁(yè)面彰导，當(dāng)然你想放在其他地方，最好遵循標(biāo)準(zhǔn)命名規(guī)范
5.utils
放置公共的組件敲茄，組件引用遵循amd規(guī)范位谋，可以使用commonJS規(guī)范，也可以使用es6規(guī)范堰燎，但是對(duì)于es6的解構(gòu)引入掏父，現(xiàn)在在微信小程序的js里還不支持。
6.簡(jiǎn)單的體驗(yàn)
修改pages/index/index.js鐘的data參數(shù)里的motto字段的值秆剪，點(diǎn)下保存赊淑，會(huì)發(fā)現(xiàn)左側(cè)的界面變隨著更新爵政。
然后嘗試著在data里添加字段，然后在前臺(tái)綁定
data: {? ? motto:'歡迎來(lái)到微信小程序',? ? userInfo: {},? ? logo:'語(yǔ)巷'},
index.wxml
{{logo}}{{motto}}
效果：
到這里為止陶缺，我們已經(jīng)知道了data的作用了
原文鏈接：http://www.moguiweb.com.cn/article/detail/587b15bf4981030efc96ff92
