逻辑

@JS

微信小程序逻辑文件的后缀名是 .js

数据 Data

数据类型同 JavaScript 数据类型：Number、String，Array，Object等等

按照用途可以分为两种：响应式数据和静态数据；如无特别说明，都是指响应式数据

响应式数据用于渲染页面，在 data 中定义

静态数据在 page 顶级说明，和 data 同级，且不需要指定数据类型

data: {
  age: 18,
  msg: 'hi,there',
  url: 'glpla.github.io',
  tempFilePath: null,
  userInfo:{
    uage: 18,
    ugender: '男',
    uname: 'glpla',
    usn:20221001
  },
  goods: []
},
uploadFileUrl: null

数据使用

1. 逻辑 js

逻辑 js中使用：this.data.varible_name

逻辑 js中修改：this.setData()

逻辑 js中使用函数类似

. 修改简单数据

this.setData({
  msg: 'welcome back'
})

. 修改复杂数据

this.setData({
  "userInfo.uage": 24
})

2. 结构 wxml

结构中使用插值表达式{{}}实现逻辑层数据和视图层结构的绑定；更多信息，请访问官方文档 -数据绑定

可以绑定内容；也可以绑定属性，如样式class和内联样式

可以使用三元表达式

<text>{{msg}}</text>
<image class="avatar" src="{{url}}" mode="widthFix" />
<input class="ipt {{iptName?'border-focus':'border-none'}}" type="text"/>

配合调试器的AppData查看

其它数据

除了使用本页面定义的数据外，还可以使用其它页面的数据，如从app.js中获取数据、从服务器拉取数据

在page()外部引入app.js的数据

const app = getApp()
Page({
  //
})