详解微信开发中视图层（xx.xml)和逻辑层(xx.js)

详解微信开发中视图层（xx.xml)和逻辑层(xx.js)
这篇文章主要介绍了微信小程序视图层（xx.xml)和逻辑层(xx.js)详细介绍的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序 视图层（xx.xml)和逻辑层(xx.js)详细介绍的相关资料,需要的朋友可以参考下

微信小程序可以理解为云OS的概念，微信生态本身就是一个OS。加上微信公众平台和微信开发平台本身已经是非常成熟的架构，能够完美媲美App的功能，同时在交互体验方面也能够做到极致，大有取代App之势。苹果App Store模式的意义在于为第三方软件的提供者提供了方便而又高效的一个软件销售平台。用户购买应用所支付的费用由苹果与应用开发商3：7分成。如果微信小程序商城也采用类似的分佣模式，那8亿多的用户将是一个非常大的无形资产，成为腾讯继游戏、会员、广告后的另一个掘金源。

　　微信小程序允许人们无需进行下载安装就使用App。用户可以在微信上扫描二维码来打开程序。微信小程序可以应用在安卓和iOS等不同系统上，也可以在不同的平台上分享，因为它本身就类似一个网站页面。

小程序视图层（xx.xml)和逻辑层(xx.js)

整个系统分为两块视图层（View）和逻辑层（App Service）

框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。

通过这个简单的例子来看：

<!-- This is our View --><view> Hello {{name}}! </view><button bindtap="changeName"> Click me! </button>// This is our App Service.// This is our data.var helloData = { name: &#39;WeChat&#39;}// Register a Page.Page({ data: helloData, changeName: function(e) { // sent data change to view this.setData({ name: &#39;MINA&#39; }) }})