快捷搜索:  汽车  科技

微信小程序开发基础知识(微信小程序第二章)

微信小程序开发基础知识(微信小程序第二章)逻辑层执行了setData 将name从wechat变为MINA 因为该数据和视图层进行了绑定,所以视图层会自动响应变为Hello MINA。当点击按钮时,视图层会发送changeName的事件给逻辑层,逻辑层找到对应的事件处理函数举个简单的例子:案例一我们通过框架就可以将逻辑层数据中的name与视图层的name进行绑定,所以一打开页面,显示Hello WeChat

在第一章中介绍了小程序开发框架的目标是尽可能通过简单,高效的方式让开发者可以在微信中开发具有原生APP体验的服务,框架提供了自己的视图层描述语言以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件提供,可以让我们方便的聚焦于数据与逻辑上。

今天,咱们主要讲述下该开发框架。

一.响应的数据绑定:

该开发框架的核心是响应的数据绑定系统。所以框架可以让数据与视图非常简单地保持同步。就如vue.js(有学前端的朋友可以学学这个框架)一般,双向绑定。

举个简单的例子:

微信小程序开发基础知识(微信小程序第二章)(1)

案例一

  1. 我们通过框架就可以将逻辑层数据中的name与视图层的name进行绑定,所以一打开页面,显示Hello WeChat

  2. 当点击按钮时,视图层会发送changeName的事件给逻辑层,逻辑层找到对应的事件处理函数

  3. 逻辑层执行了setData 将name从wechat变为MINA 因为该数据和视图层进行了绑定,所以视图层会自动响应变为Hello MINA。

二.页面管理:

框架管理了整个小程序的页面路由,可以做到页面的无缝切换,并给页面完整的生命周期。咱们需要做的只是将页面的数据,方法,生命周期函数注册进框架中,其他一切复杂的操作都交给框架。

以上便是微信小程序的框架所提供的作用以及它的目标了,下一章咱们将正式开始编程(也就是敲代码。。)

猜您喜欢: