標簽直接寫: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: "成熟的人"}#userif user.descriptionh2 描述p.description= user.descriptionelseh1 描述p.description 不是成熟的人
s(第三種)
使用 Unless 類似于 if 后的表達式加上了 ! 取反
?
- var user = { name: "陳長林",isvip: false} unless user.isvipp 親愛的 #{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指的是兩個或兩個以上的每一個,強調個別。
? ? ?
uleach val, index in ['西瓜', '蘋果', '梨子']li= index + ': ' + val
//index in 指數