<html> ... <div id="content"></div> <script> var name = "学习数据绑定"; $(‘#content‘).val(name); </script> </html>
<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: "学习小程序数据绑定"}) }, })
原文：https://www.cnblogs.com/a438842265/p/12342927.html