微信小程序模板语法--数据绑定

1、数据绑定

 首先了解微信标签:


pages/demo02/demo02.wxml

div

普通写法: 

**.wxml文件:



{{msg}}

{{num}}

是否是男人:{{isBoy}}

{{students}}
{{students.name}}
{{students.age}}
{{students.sex}}
{{students.dept}}

 **.js文件:

     /**
     * 页面的初始数据
     */
       data: {
        msg:"hello world",
        num:1000,
        isBoy:true,
        students:{
            name:"张三",
            age:18,
            sex:"女",
            dept:"计算机"
        }
    },

微信小程序模板语法--数据绑定_第1张图片

 微信小程序模板语法--数据绑定_第2张图片

 在标签的属性中使用:


自定义标签

微信小程序模板语法--数据绑定_第3张图片

 使用boolen类型充当属性 :



    

微信小程序模板语法--数据绑定_第4张图片

 7、运算=>表达式

        1.可以在花括号中加入表达式--“语句”

        2.表达式

        指的是一些简单运算数字运算字符串拼接逻辑运算。

            1数字的加减。

            2字符串拼接

            3三元表达式

        3语句

            复杂的代码段

            1.if else

            2.switch

            3.do while

            4.for

 表达式:

 
 {{1+1}}
 
 {{'1'+'1'}}
 
 {{ 10%2===0 ? '偶数' : '奇数' }}

微信小程序模板语法--数据绑定_第5张图片

 持续更新中。。。。

你可能感兴趣的:(微信小程序,前端,css)