jade的基本语法

Posted 2020-06-25 阳子杰

- for (var i=0;i<3;i++)
        li scnu-learn
        //这里的=，默认会转义内容
        p= "Welcome scnu <strong>good</strong> school"
        //如果不想被转义，在=前加！
        p!= "Welcome scnu <strong>good</strong> school"

        //使用变量
        - var name="jade"
        p my name is #{name}
        //如果要输出#{}，需要使用\来转义
        p my name is \#{name}
        //变量中的特殊字符会被转义，如果想得到不转义的，使用!代替#
        - var chV="<script></script>"
        p #{chV}
        p !{chV}

        //循环
        //数组实例
        - var jobs=["teacher","student","worker"]
        each val in jobs
            li= val
        //对象实例
        - var student={xuehao:201230,name:‘wangjie‘}
        each val,key in student
            li #{key} : #{val}

        //case
        - var apples = 10
        case apples
            when 0
                p you have no apples
            when 1
                p you have an apples
            default
                p you have #{apples} apples

注释使用

 h3 单行注释
    //h1.title#title index test
    h3 非缓冲注释
    //-div(id=‘div01‘,class=‘div‘)
    h3 块注释
    //-p
        a(href=‘http://www.baidu.com‘,title=‘name‘) link
        input(type=‘text‘,value=‘jie‘)
        input(type=‘checkbox‘,checked)