小程序 数据绑定
<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: '老男孩教育Python'
}
})
</script>
</html>
2.1 基本显示
-
wxml
<view>数据1：{{message}}</view> -
展示数据
// pages/bind/bind.js
Page({
/**
* 页面的初始数据
*/
data: {
message:"沙雕李业",
}
)}
2.2 数据更新
-
wxml
<view>数据2：{{message}}</view>
<button bindtap="changeData">点击修改数据</button> -
修改数据
Page({
data: {
message:"沙雕李业",
},
changeData:function(){
// 修改数据
this.setData({ message: "大沙雕李业"});
}
})
