表現VUEの補間

はじめに：HTMLページに表示することができますのみ表示文字列、にconsole.log（）も、toString（）メソッドを呼び出して、文字列、意味を出力しますが、実際には、コンソールの表示と、そのオブジェクトの他のタイプの両方の配列がありますブラウザによるものですが処理されます
用法：DOM要素のオブジェクトインスタンスに対応する正および負のVUEのHTMLタグとの間で使用されます
- 匿名の変数をサポートしています
- 三項演算子をサポートしています
- 数の
  - 四則演算のサポート
  - サポート比較演算子
  - 数値型は、いくつかの組み込みメソッドをサポート
- 配列
  - サポート配列のインデックス値法
- オブジェクト：オブジェクト属性をサポートしています
- 数学特性および組み込みオブジェクトのメソッドウィンドウ：データ数学がある場合、データウェアハウス最も優先度の高いオブジェクトVUE

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < スクリプトSRC = "./ vue.js" > </ スクリプト> 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< 身体> 
    < div要素のid = "アプリ" > 
        <！ - 字符串- > 
        < P > ページ表示：文字列- > 
        < P > {{NUM + 'AAA'}} </ P > <！ - ページ表示：1AAA - > 
        < P > {} {} str.length </ P >  < ！ - ページ表示：3 - > 
        
        <！ - 値- > 
        < P > {{NUM}} </ P >  <！ - ページ表示:. 1 - > 
        < P > {} {NUM + NUM1 } </ P >  <！ - ページ表示：101 - > 
        < P > {{NUM>NUM1}} </ P>   <！ - ページ表示：falseに- > 
        < P > {{num.toFixed（2）}} </ P >  <！ - ページ表示：1.00 - > 
        
        <！ - ブール値- > 
        < P > {{}}フラグに</ P >  <！ - ページの表示：trueに- > 
        
        <！ - アレイ- > 
        < P > {} {} ARR </ P >  <！ - ページの表示：[1 、2,3,4] - > 
        < P > {{ARR [3]}} </ P >  <！- ページ表示：4 - > 

        <！ -オブジェクト- > 
        < P > {{}} OBJ </ P >  <！ - ページ表示：{ "名"： "トム"、 "年齢"：20} - > 
        < P > {} {obj.name } </ P >  <！ - ページの表示：トム- > 
        
        <！ - ナル/未定義/ NaN 3を- > 
        < P > {{引数1}} </ P >  <！ - ページの表示：- > 
        < P > {} {} ARG2 </ P >  <！ - ページの表示：- > 
        <P > {{ARG3}} </P >  <！ - ページ表示：アジ化ナトリウム- > 

        <！ - 三項演算子- > 
        < P > {{NUM> NUM1 "はい"：？ "いいえ"}} </ P >  <！ - ページ表示：NO - > 

    </ divの> 
    
    < スクリプト> 
        新しい新しいヴュー（{ 
            EL：" #app " 、
            データ：{ 
                STR：' 文字列' 、
                NUM：1。 、
                NUM1：100 、
                フラグに：本当、
                ARR：[ 1 、2 、3 、4 ]、
                OBJ：{ 
                    名：' トム' 、
                    年齢：20 
                }、
                ARG1：ヌル、
                ARG2：未定義、
                ARG3：のNaN 
            } 
        }）
    </ スクリプト> 
</ ボディ> 
</ HTML >

出典：数学データウェアハウス・ウィンドウとオブジェクトインスタンスVUEに対応するビルトインオブジェクト
原理：のinnerTextプロパティのDOMオブジェクトを使用して、それは文字列解析を行うことはありません
JS VUEのtoString（）メソッドで書き換え

// 未定義== NULL;比較の同じタイプは正反対である場合、それは、ブール比較に変換されていない場合、
// typeof演算アレイがオブジェクトである
// のtoString（）、[オブジェクトのオブジェクト]に変換される場合、オブジェクトは、

関数のtoString（ヴァル）{
   戻りヴァル== NULLを '？// ヌルは、空の文字列に変換した場合 
    ：typeof演算ヴァル===「オブジェクト」// オブジェクトである場合、JSON.stringify使用して文字列に変換し 
      （JSON.stringifyか？ヴァル、ヌル、2 ）
      ：文字列（ヴァル）は// 両方に該当する場合には、強力な文字列に変換します 
}

おすすめ