美文网首页
[vue][pug]语法

[vue][pug]语法

作者: 泉落云生 | 来源:发表于2018-12-05 16:38 被阅读12次
  1. #[strong 你好] -> 与vue结合使用#[strong.f1 {{a}}] <- 带空格
p// 不带空格
  | 如果我不用嵌入功能来书写,一些标签比如
  strong strong
  | 和
  em em
  | 可能会产生意外的结果。
  1. 遍历
<template lang="pug">
    - for (var x = 0; x < 7; x++)
    -
        var list = ["Uno", "Dos", "Tres","Cuatro", "Cinco", "Seis"]
    each item in list
        li= item
        //- li!= item 不转义
        
    ul
        each val, index in {1:'一',2:'二',3:'三'}
            li= index + ': ' + val
            
    - var values = [];
    ul
        each val in values.length ? values : ['没有内容']
            li= val
    
    - var values = [];
    ul
      each val in values
        li= val
      else
        li 没有内容
<template>

相关文章