如何在jade中解析變量

js:
// jade  pug
// cnpm install jade 
//1.解析字符串
// 2.解析文件
const jade=require('jade');
// var str=jade.render('html');
var str=jade.renderFile('./view/1.jade',{pretty:true});
console.log(str);
jade:
html
    head
    body
        div
            a() 百度
            input(type='text',name='uname',value='用戶名')
            div(style="width:100px;height:100px")
            div(style={width:'100px',height:'100px'})
            div(class='box left active')
            div(class=['box','left','active']) aaa
                span bbb
            div
                |aaaa
        script
            include 1.js

js:
const jade=require('jade');
var str=jade.renderFile('./view/2.jade',{pretty:true,uname:'jack'});
console.log(str);
jade:
html
    head
    body
        div 我的名字叫 #{uname}

在jade中做運(yùn)算

js:
const jade=require('jade');
var str=jade.renderFile('./view/3.jade',{pretty:true,a:3,b:5});
console.log(str);
jade:
html
    head
    body
        div a+b=#{a+b}

js:
const jade=require('jade');
var str=jade.renderFile('./view/3.jade',{pretty:true,a:3,b:5});
console.log(str);
jade:
html
    head
    body
        div a+b=#{a+b}
        div #{a}
        div #
        h1=a
        h1=b

jade解析style class

js:
const jade=require('jade');
var str=jade.renderFile('./view/4.jade',{pretty:true,
json:{width:'200px',height:'200px',background:'red'},
arr:['box','left','active']});
console.log(str);
jade:
html
    head
    body
        div(style=json)
        p(class=arr)

在jade中解析js

js:
const jade=require('jade');
var str=jade.renderFile('./view/5.jade',{pretty:true});
console.log(str);
jade:
html
    head
    body
        -var a=3;
        -var b=87;
        div a+b=#{a+b}

在jade中如何循環(huán)

js:
const jade=require('jade');
var str=jade.renderFile('./view/6.jade',{pretty:true,arr:['aaa','bbb','ccc']});
console.log(str);
jade:
html
    head
    body
        -for(var i=0;i<arr.length;i++)
            div=arr[i]  

在Jade中解析標(biāo)簽

js:
const jade=require('jade');
var str=jade.renderFile('./view/7.jade',{pretty:true,content:"<h1>dfglkfdkbl;gfblgf;lbhgf;lhbk</h1>"});
console.log(str);
jade:
html
    head
    body
        div!=content

在jade中做條件判斷

js:
const jade=require('jade');
var str=jade.renderFile('./view/8.jade',{pretty:true});
console.log(str);
//  + - * / %(膜)：兩個(gè)數(shù)相除的余數(shù)   5%2=1 10%2=0 19%2=1 作用：判斷奇偶性
jade:
html
    head
    body
        -var a=19;
        -if(a%2==0)
            div 偶數(shù)
        -else
            div 奇數(shù)