ヴュー（3） - 使用して、データの口ひげを表示するためのテンプレート

1  <！ - 
2      口ひげ中括弧[]最も単純な用法
 3          （1）出力列：{{ 'ABC'}}
 4。         出力変数JSの値（2）
 5          コードJSの（3）単一ライン
 6              {{1表示結果+1} 2
 。7              {{+ 1 'ABC'}}表示結果1abc
 。8              {{2 1 == 'YES'：？ 'NO'}}示すNOの結果
 。9              {{ 'abc'.split（' '）.reverse（）（ジョイン 「）}}' 示すCBAの結果
 10  - > 
11  < DIV ID = "アプリケーション" > 
12である     < P >{{MSG}} </ P> 
13      < P > {{数+ 1}} </ P > 
14      < P > {{フラグ？'YES' 'NO'}} </ P > 
15      < P > {{NUM == 1？'YES' 'NO'}} </ P > 
16      < P > {{1 == 2？'YES' 'NO'}} </ P > 
17      < P > {{message.split（ ''）（ '）}}（リバース）加わる。' </ P > 
18  </ DIV >
 = "テキスト/ javascriptの" > 
20      VARのVM =  新しいヴュー（{
 21          EL：" #app " 、
 22の         データ：{
 23              MSG：" HI VUE " 、
 24              番号：10 、
 25              フラグ：真、
 26              NUM：1 、
 27              メッセージ：" 123ABC " 
28          }
 29      }）;
30  </ スクリプト>