微信小程序学习笔记

文件结构：
App小程序- Page页面-Component组建
.js 创建实例的代码以及全局相关内容
.json 配置文件比如window/tabbar
.wxss 样式配置

.wxml布局代码
app.json中对各个新页面进行注册，也是第一个被加载的页面。

1.小程序数据绑定 Mustache{{}}双大号语法

Page{(
	data:(
		name:'Jennie'
	)
)}

<view> Hello {{name}}</view>
//显示Hello Jennie

2.列表展示变量 ws:for

Page({
    students:[
      {id:110,name:'kebo',age:49},
      {id:111,naem:'Paul',age:29}
    ]
  })

<view wx:for="{{students}}">
 Hello {{item.name}}</view>

3.事件监听 bindtap

<view>当前计数：{{counter}}</view>
<button size="mini" bindtap="add">+</button>

Page({ 
add(){
    this.setData({
      counter:this.data.counter+1
    })
 }）

小程序的MVVM架构（声明式编程）
1view–viewmodel->Model
2view<-viewmodel–Model
1使用DOM listeners DOM监听绑定到Model
2使用Data Binding 改变数据 响应式反应到View