初识小程序

从开始接触小程序到现在审核通过一个半月的时间，第一次接触感觉跟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>