微信小程序相关知识点总结（一）

一、模板语法

1.1 数据绑定

在wxml文件中：
<text></text>相当于网页中的<span></span>
<view></view>相当于<div></div>
<checkbox></checkbox> 相当于复选框
page方法里传入一个对象：data是关键字不能更改放在data里的就是初始化数据

 
<!--1 字符串-->
<view>{
  {msg}}</view>
<!--2 数字-->
<view>{
  {num}}</view>
<!--5 在标签的属性中使用-->
<view data-num="{
    {num}}">自定义属性</view>

//js
Page({
   
    data:{
   
        msg:"hello",
        num:9999,
    }
})

1.2 列表渲染

<view>
	<view 
          wx:for="{
   {list}}" 
          wx:key="id">
        值：{
   {
   item.name}}
    </view>
</view>

列表循环：
1.wx:for=“{ {数组或者对象}}” wx:for-item=“循环项目的名称” wx:for-index=“循环项的索引”
2.wx:key="唯一的值"用来提高列表渲染的性能
key绑定的值
3.嵌套循环：尤其要注意 以下绑定的名称不要重名 wx:for-item=“item” wx:for-index=“index”

1.3 条件渲染

<view>条件渲染</view>
<view wx:if="{
   {score>=90}}">A+ 奖励🌹</view>
<view wx:elif="{
   {score>=80}}">A奖励🎉</view>
<view wx:elif="{
   {score>=70}}">B奖励了👏</view>
<view wx:else>C不合格</view>

pages{
   
 data: {
   
    u1:{
   name:"lili",age:9