初识小程序

从开始接触小程序到现在审核通过一个半月的时间,第一次接触感觉跟vue有很多相似的地方。

总结一下小程序的基本用法:

1.初始的安装功能见开发文档

2.关于取值的方式

取值用两对花括号就可以完成,在相应的js中的page中的data声明就可以直接使用,例如:

js:

Page({

  data: {

    name: 'Mia'

  }

})

wxml:

< text >{{ name }}</ text >

结果:Mia

3.循环

在标签上写:

<text wx:for="{{['Mia','Jack','Aom']}}" wx:for-item='name' wx:key="{{index}}">{{name}}</text>

结果:Mia Jack Aom

4.渲染

wx:if vs hidden

hideden 主要控制显示隐藏(都会渲染出来),写法:

<text  hidden='{{isHidden}}'>Mia</text> //表示 isHidden 为true表示隐藏,为false表示显示(boolean值要写在{{}}里面才能正确的使用)

wx:if则表示条件渲染(选择性渲染,满足条件则渲染),写法:

//page为变量与相应的值比较显示相应的数据

<text wx:if='{{page="page1"}}'>Mia</text>

<text wx:elif='{{page="page2"}}'>Jack</text>

<text wx:else>Aom</text>

5.三目运算

<text  hidden="{{flag ? true : false}}">hidden</text>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容