大家都知道，針對一款app上面都是展示信息的串慰，那么在小程序中，頁面上信息的展示是如何的邦鲫，接下來進行詳細探索：
在微信小程序中庆捺，編寫頁面布局是在wxml文件中進行的滔以，則在wxml文件中醉者，使用<view></view>標簽進行內(nèi)容的包裹撬即，類似html中的<div>,現(xiàn)在進行一個需求的編寫剥槐，在頁面上編寫布局粒竖，并將.js結(jié)尾文件中的處理數(shù)據(jù)進行展示到頁面上；
index.wml
<!--index.wxml-->
<view class='container'>
<text>{{show_content}}</text>
</view>
index.js
Page({
data: {
show_content:'這是小程序從.js文件結(jié)尾的文件中獲取的展示數(shù)據(jù)'
},
})
編譯項目沿后，則頁面展示如下：
4-1.png
從上面結(jié)果可以知道在wxml文件中使用{{**}}可以將js文件中指定的內(nèi)容展示在頁面上尖滚，現(xiàn)在我們進行動態(tài)的展示數(shù)據(jù)瞧柔，不需要展示起在page-data中固定的內(nèi)容,修改js文件內(nèi)容:
Page({
data: {
show_content:'這是小程序從.js文件結(jié)尾的文件中獲取的展示數(shù)據(jù)'
},
onLoad(options){
this.setData({
show_content: '我是動態(tài)設(shè)置的內(nèi)容'
})
}
})
編譯項目造锅，顯示結(jié)果如圖：
4-2.png
由此可知倒谷，在js中動態(tài)的設(shè)置內(nèi)容并將其更新到wml上肺素，則使用 this.setData()倍靡，且修改的內(nèi)容格式符合key:value塌西。
就小程序頁面數(shù)據(jù)展示就分析到這里捡需，希望各位看官們有所收獲站辉，有什么錯誤的地方還望指出Ｄ刈病！
