美文网首页
WXML数据绑定

WXML数据绑定

作者: 醉酒的姑娘 | 来源:发表于2020-03-03 22:25 被阅读0次

    1.微信小程序开发工具下载,点击工具->下载->稳定版更新日志->macos


    截屏2020-03-03下午10.07.37.png

    2.下载完成后打开,使用微信扫码

    截屏2020-03-03下午10.08.10.png

    3.选择小程序,点击新建


    截屏2020-03-03下午10.17.25.png

    4.这里我选择的测试号,如果是正式项目,填写正式的APPID,点击新建


    截屏2020-03-03下午10.23.04.png

    5.数据绑定


    截屏2020-03-03下午10.39.23.png 截屏2020-03-03下午10.39.43.png
    //index.js
    //获取应用实例
    const app = getApp()
    
    Page({
      data: {
        username:"我是你的刘小蕾",
        password:"123455",
        person:{
          "name":"liuxiaolei",
          "age":18
    },
    books:[
      "A","B"
    ]
    },
    onLoad: function () {
    
    }
    })
    
    
    
    
      <!--index.wxml-->
      <view>{{username}}</view>
      <view wx:if="{{person.age>18}}">大人</view>
      <view wx:else>小孩</view>
      <view>{{person.age}}</view>
      <view>{{books[0]}}</view>

    相关文章

      网友评论

          本文标题:WXML数据绑定

          本文链接:https://www.haomeiwen.com/subject/vnnllhtx.html