有用的符號：
| 豎杠后的字符會被原樣輸出 · 點表示下一級的所有字符都會被原樣輸出，不再被識別。（就是|的升級版，實現批量） include 表示引用外部文件
短杠說明后面跟著的字符只是一段代碼（與|的區別就是，|后面的內容會被顯示，而短杠后面的內容直接不顯示了?。?/p>
例子:
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的應用(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
