フィルタVUEの使用例

<HTML> 
    <HEAD> 
        <TITLE> </ TITLE> 
        <スクリプトSRC = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </ SCRIPT> 
       <SCRIPT> 
       window.onload =関数(){ 
           Vue.filter(
               "addZero"機能(NUM){ 
                   戻りNUM <10 '0' + NUM:NUM; 
               } 
           新しいヴュー({ 
            EL: "#app"、
            データ:{ 
                CURTIME:「1566091212 ' 
            }、
            フィルター:{ 
                数:関数(NUM、N){ 
                    num.toFixed(n)を返します。
                } 
                //タイムスタンプ形式
                日付(データ){ 
                    D =新しいDate(データ* 1000)をしましょう。
                    ;)(+ d.getSeconds ' - - ' + d.getMonth()+ 1 + '' d.getFullYear()+を返します 
                } 
            } 
         })
       } 
       </ SCRIPT> 
        
    </ head> 

    <body> 
        <DIV ID = "アプリケーション"> 
            の<div> 
                {{110 | addZero}} 
                <BR> 
                {{3.42536544 |数(8)}} 
                <BR> 
                {{CURTIME |日付}} 
            </ div> 
        </ div> 
    </ body> 
</ HTML>

  

おすすめ

転載: www.cnblogs.com/otways/p/11371459.html