微信小程序(二十四)简易的双向绑定

注释很详细,直接上代码

上一篇

新增内容:
1.双向绑定实例
2.双向绑定的局限性

源码:

index.wxml


<input type="text" placeholder="请输入内容" model:value="{{msg}}"/>

index.js

Page({
    data:{
        //只有第一级数据可进行双向绑定
        msg:"Hello",

        //这个是用来做对照以验证二级数据不可双向绑定的
        firstLevel:{
            secondLevel:"World"
        }
    }
})

效果演示:

微信小程序(二十四)简易的双向绑定_第1张图片

微信小程序(二十四)简易的双向绑定_第2张图片

有读者要问了,为什么不试一下二级数据绑定的效果

官方文档目前还没有发布二级数据可绑定的通知,这里也就不自讨没趣了,
好奇心重的朋友可以试试,代码里为大家准备好了二级数据的例子firstLevel.secondLevel

你可能感兴趣的:(微信小程序,微信小程序,小程序)