有用的符號：
| 豎杠后的字符會被原樣輸出 ? 點表示下一級的所有字符都會被原樣輸出，不再被識別。（就是|的升級版，實現批量） include 表示引用外部文件
短杠說明后面跟著的字符只是一段代碼（與|的區別就是，|后面的內容會被顯示，而短杠后面的內容直接不顯示了！）
例子:
js：
const jade = require('jade');console.log(jade.renderFile('./xxx.jade',{pretty:true,name:'singsingasong'}))jade：
'|'的應用
'.'的應用
include的應用
調用變量做運算
div的class
'-' 的應用
變量的直接引用
span#{a}和span=a效果是一樣的。
jade中的for循環
jade：
-for(var i=0;i<arr.length;i++) div=arr[i]
js文件：
console.log(jade.renderFile('./views/11.jade',{pretty:true,name:'singsingasong', arr:['aaa','bbb','ccc','ddd']}));運行結果：
'!' 的應用
html head body div(class='1')!=content div(class='2')
運行結果：
jade的if...else...
html head body -var a=19; if(a%2==0) div(style={background:'red'}) 偶數 else div(style={background:'green'}) 奇數
case語句
html head body -var a=1; case a when 0 div aaa when 1 div bbb when 2 div ccc default |不靠譜
綜合的來一個
小提示：之前的jade文件我們都沒有寫DOCTYPE,這里給它加上
這個執行結果的是：如果文件讀寫順利就輸出‘成功'，如果出錯，就返回‘錯誤'。
以上這篇基于模板引擎Jade的應用(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
