jade的写法

标签直接写：p或p.

例如：

   p 今天自己很棒

   p.今天自己很棒

　　则输入

  <p>今天自己很棒</p>

  <p>今天自己很棒</p>

　　***jage模板记得需要书写规范，需要空两个空格。

jage变量调用

jade 的变量调用有 3 种方式

# {表达式}
= 表达式
!=表达式

  - console.log('hello'); // 这段代码在服务端执行

  - var s = 'hello world' // 在服务端空间中定义变量

  p #{s}

  p= s
  p !=s

　　或者

   var s="love you"

  p I #{s}
  p="I"+s
　!p="I" +s

　　if判断

if判断有三种方法：

（第一种）

- var user = { description: '你好'}
- if (user.description)
    h2 描述
    p.description= user.description
- else
    h1  描述
    p.description 没有描述

输出

<div id="user">

  <h2>描述</h2>

  <p class="description">我喜欢猫</p>

</div>

　***注意书写间隔，不然会出现意想不到的错误

（第二种）

     - var user = {description: "成熟的人"}

     #user

         if user.description

                 h2 描述

                 p.description= user.description

         else

                 h1 描述

                 p.description  不是成熟的人

s（第三种）

使用 Unless 类似于 if 后的表达式加上了 ! 取反

  - var user = { name: "陈长林",isvip: false}

  unless user.isvip

     p 亲爱的 #{user.name} 先生，抱歉，目前您还不是本店的vip客户

　　输出

<p>亲爱的陈长林先生，抱歉，目前您还不是本店的vip客户</p>

　　循环

(for循环）

        - var array = [1,3,5]

          ul

        - for (var i=0; i<array.length; ++i) {

            li  hello #{array[i]}

        - }

　　(each循环)

//each指的是两个或两个以上的每一个，强调个别。

ul

  each val, index in ['西瓜', '苹果', '梨子']

    li= index + ': ' + val

　　//index in 指数

巴特西

jade的写法

最新文章

热门文章