微信小程序开发-数据绑定

一. 操作：

(1)初始化数据：

1.页面.js的data选项中

(2)使用数据

1.模板结构中使用双大括号{{message}}

2.注意事项：小程序中为单项数据流model-->view

(3)修改数据

1.this.setData{{message:'修改之后的数据‘ }，callback}

2.特点：

a.同步更新：this.data值被同步修改

b.异步更新：异步将setData函数用于将数据从逻辑层发送到视图层

二. 补充说明：

1.小程序

（1）data中初始化数据

（2）修改数据：this.setData()

            修改数据的行为始终是同步的

（3）数据流；

             单项：Model-->View

2.Vue

(1)data中初始化数据

(2)修改数据：this.key=value

(3)数据流：

        1.Vue是单项数据流：Model-->View

         2.Vue中实现了双向数据绑定：v-model

3.React

(1)state中初始状态数据

(2）修改数据：this.setState()

         1.自身钩子函数中（conponentDidMount)异步的

          2.非自身的钩子函数中（定时器的回调）同步的

(3)数据流；

1.单项：Model-->View