原生微信小程序 基础语法 （wxml、wxss、）

原生微信小程序 基础语法

原生小程序之 wxml 标签语法

定义数据

• index.wxml

• <view>
    {
      
      { test }}
  </view>

• index.js

• // pages/about/about.js
  Page({
    data: {
      test:"testtest"
    },
  })

wx:for 遍历 数组 

• index.wxml

• <!--index.wxml-->
  <view class="container">
    <view wx:for="{
      
      {arr}}" class="arr-item" wx:key="index">{
      
      {  item }}</view>
  </view>

• index.js

• // index.js
  Page({
    // 定义数据
    data: {
      arr: [
        1, 2, 3, 4
      ]
    },
  })

  wx:for 遍历 对象

• index.wxml
• <