VUE-フィルタ（フィルタ）

　　ローカルフィルタ：

< HTML > 

< ヘッド> 
    < タイトル> VUE </ タイトル> 
    < メタのcharset = "UTF-8" > 
</ ヘッド> 

< ボディ> 
    < DIV ID = "アプリケーション" > 
        {{MSG | toFixed（1）}} 
        < ！ - MSGの入力パラメータの値であるとして、メソッドのパラメータを入力してパラメータです- > 
    </ DIV > 
</ ボディ> 
< スクリプトSRC = "node_modules \ VUE \ distの\ vue.js" > </ スクリプト> 
< スクリプト>
    VM LET =  新しい新しいヴュー（{ 
        EL：" #app " 、
        フィルター：{ 
            // toFixed（INPUT、PARAM1、PARAM2、Param3）
            toFixed（INPUT、NUM）{ // 2番目のパラメータは小数点以下の数である
                リターン ' ¥ '  + input.toFixed（NUM）; 
            } 
        }、
        データ：{ 
            MSG：15.123 
        } 
    }）; 
</ スクリプト> 

</ HTML >

 

　　グローバル・フィルタ（すべてのインスタンスを覚え前に配置）

 

< HTML > 

< ヘッド> 
    < タイトル> VUE </ タイトル> 
    < メタのcharset = "UTF-8" > 
</ ヘッド> 

< 身体> 
    < DIV ID = "アプリケーション" > 
        {{MSG |マイ（2）}} 
        < ！ - MSGの入力パラメータの値であるとして、メソッドのパラメータを入力してパラメータです- > 
    </ DIV > 
</ ボディ> 
< スクリプトSRC = "node_modules \ VUE \ distの\ vue.js" > </ スクリプト>
< スクリプト>
    // グローバルフィルタ
    // Vue.filter（名前、関数）
    Vue.filter（' 私' 、（INPUT、NUM）=> {
         リターン ' ¥ '  + input.toFixed（NUM）; 
    }）
    // 濾過ローカルの
    VMを聞かせ=  新しい新しいヴュー（{ 
        EL：" #app " 、
        フィルター：{ 
            // toFixed（INPUT、PARAM1、PARAM2、Param3）
            toFixed（INPUT、NUM）{ // 2番目のパラメータは小数点以下の数である
                リターン ' ¥ '  + INPUT .toFixed（NUM）; 
            }
        } 
        データ：{ 
            MSG：15.123 
        } 
    }）。
</ スクリプト> 

</ HTML >

// PS：フィルタは、多くの場合、十分に把握を取るために使用されています