vue計算プロパティ、vueプロパティ、filterフィルタは2桁の小数を保持し、フィルタで時間を取得する方法

2513 ワード

vue計算属性htmlコード:


        {{msg}}
        {{erm}}

js:

    
    
            new Vue({
                el:".itany",
                data:{
                msg:"hello  vue" 
                  },
                computed:{
                erm:function(){
                     return this.msg.split(' ').reverse().join('====')
                 } 
              }
              })

vue属性html:

   
           {{mas}}
           hello
    
js：

       
        
             var v=new Vue({
                  el:'.itany',
                  data:{
                   mas:"  "
                   },
                 uname:'jack',
                 age:18
               }) 

     //    $el    vue      
           console.log(v.$el);
          v.$el.style.color="red";

        //   $data   vue      
          console.log(v.$data);

        //   $options    vue         
        console.log(v.$options);
        console.log(v.$options.uname);
        console.log(v.$options.age);

        //    $refs          ref     
         console.log(v.$refs.vue);

filterフィルタ保留2桁小数

html：

        
               {{123.456|number}}

js:

      
      
           new Vue({
               el:'#itany',
               filters:{
               number:function(data){
               return data.toFixed(2)
                       }
             }
       })
</code></pre> </li> 
  <li> <p>        </p> <p>html：</p> <pre><code>    <div class="itany">
           <p>{{new Date()|zero}}</p>
     </div>
</code></pre> <p>js：</p> <pre><code>   <script src="vue.js">
  

        new Vue({
          el:'.itany',
          filters:{
          zero:function(data){
              return data.getFullYear()+' '+(data.getMonth()+1)+' '+data.getDate()+' '+'  '+data.getDay()+','+data.getHours()+' '+data.getMinutes()+' '+data.getSeconds()+' '
                    }
          }
    })

seleniumを使ってC#でGoogle Chromeの自動操作をする

vue-cli 3 eslintを閉じる