当前位置: 首页 > 工具软件 > Jade > 使用案例 >

jade的写法

宰父焕
2023-12-01

标签直接写:p或p.

例如:

   p 今天自己很棒
   p.今天自己很棒

  则输入

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

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

jage变量调用

 

jade 的变量调用有 3 种方式

  1. # {表达式}
  2. = 表达式
  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 指数

转载于:https://www.cnblogs.com/chen1997/p/9393307.html

 类似资料: