一 html的数据绑定
<html>
...
<div id="content"></div>
<script>
var name = "学习数据绑定";
$('#content').val(name);
</script>
</html>
二 vue.js数据绑定
<html>
<div id="app">
<div>{{message}}</div>
</div>
<script>
new Vue({
el: '#app',
data: {
message: '学习vue.js数据绑定'
}
})
</script>
</html>
三 微信小程序的数据绑定
***.wxml
<text>数据绑定</text>
<view>数据：{{message}}</view>
<button bindtap="changeVal">点击改变数据</button>
Page({
/**
* 页面的初始数据
*/
data: {
message:'学习小程序数据绑定'
},
changeVal:function(){
console.log(this.data.message)
// 一般情况下改变数据 但是这种方法只能改变js 不能改变前端页面
this.data.message ="学习数据小程序绑定"
console.log(this.data.message)
// 下面改前端页面
this.setData({ message: "学习小程序数据绑定"})
},
})