微信小程序学习------（1）（数据）

微信小程序学习------（1）（数据）

基础篇

wxml 文件中

<!--pages/demo04/demo04.wxml-->
<!-- text 相当于以前wed的 span标签 行内元素 不会换行  -->
<!-- view 相当于以前的web中的 div标签 块级元素 会换行 -->
<!-- checkbox 还是以前的复选框 -->
<text>pages/demo04/demo04.wxml</text>
<!-- 字符串类型 -->
<view>{{msg}}</view>

<!-- 数字类型 -->
<view>{{num}}</view>

<!-- 布尔类型 -->
<view>对一个东西的判断{{isGet}}</view>

<!-- objest类型 -->
<view>{{person.id}}</view>
<view>{{person.name}}</view>
<view>{{person.sex}}</view>
<view>{{person.age}}</view>

<!-- 在标签的属性中使用 -->
<view data-num='{{num}}'> 自定义属性</view>

<!-- 使用布尔类型充当属性 checked
    1.字符串与花括号之间一定不要存在空格 否则会导致识别失败 -->
<!-- 以下写法就是错误的示范 -->
<!-- <checkbox checked='   {{idFert}}'></checkbox> -->
<checkbox checked='{{idFert}}'></checkbox>

<!-- 
运算 => 表达式
1 可以在花括号中 加入 表达式 -- “语句”
2 表达式
指的是一些简单 运算 数字运算 字符串 拼接 逻辑运算。。
1数字的加减。。
2 字符串拼接
3 三元表达式
3 语句
 复杂的代码段 
1.if else
2.switch
3.do while....
4.for.....
-->
<!-- 数字的加减 -->
<view>{{1+1}}</view>
<!-- 字符串的拼接 -->
<view>{{'1'+'1'}}</view>
<!-- 三元表达式 -->
<view>{{10%2===0 ? '偶数':'奇数'}}</view>

效果图

.js 文件中
2