【未经作者本人允许，请勿以任何形式转载】 前几篇讲述微信小程序开发工具使用、生命周期和事件。 本次讲述微信小程序数据和视图绑定 >>>数据视图绑定 做前端开发的同学，尤其是WEB前端，每天都要跟视图打交道，假如你是用过jQuery，你就能体会到jQuery的代码冗余和操作 ...

　　微信小程序的页面分别由四个文件组成： 　　1..js(逻辑处理文件)：负责页面逻辑内容的处理，遵循js语言框架。 　　2..json(配置文件)：用来设置页面的窗口内容，遵循JSON语法规范。 　　3..wxml（页面结构文件或视图文件）：用于页面可视化组件的组织和描述，语法结构类似于 ...

这是一个简单的列表生成代码，我们对item进行了bindtap绑定，那么如何在js点击里拿到当前item数据呢 查询wechat官方文档我们可以有点头绪 在事件点击中我们可以在view属性里声明 data- + 一个关键字，这样在点击监听触发后，可以在js中取到当前 ...

（新闻详情页面：Detail 新闻首页：Index 模拟本地数据：posts-data,js） Detail.wxml <image class="head-image" src="{{detail.headImgSrc}}">< ...

一、WXML及其数据绑定 微信小程序的开发还是和网页开发不一样的，它有自己独特的标签语言，比如下面我要说到的数据绑定： 这就是一个数据绑定的wxml中的一段代码，上面的代码是写在index.wxml文件中的，对应的在index.wxjs中你需要在page---> ...

与vue不同，在微信小程序中，js的数据和前端显示的数据是单数据流，也就是说，js里边的数据变了(通过setData)，前端能立刻显示。但如果前端数据变了，js中的变量不能改变。 这个相比传统的前端已经算先进了。 传统的前端，即便是改变了js中的变量值，页面中的内容也不会变化，需要操作 ...

本篇博客尚未写完，会在后期进行完善。 学生党的第一篇博客@_@,加油！ ...

简单的数据传值　　官方文档：传送门 　　点击"按钮"测试后，按钮文本改变，下方text文本改变，通过console.log()在输出台中打印按钮文本信息 程序结构 text.js ...