Vue.js 实现日期显示：代码补全与优化

<div id="box">
<pre><code>  &lt;span&gt;{{ date | nowdate }}&lt;/span&gt;
</code></pre>
</div>
 <script type="text/javascript">

Vue.filter('nowdate',function(value){

 var year=value.getFullYear();

var month=value.getMonth()+1;

 var date=value.getDate();

 var day=value.getDay();

  var week=&#x27;&#x27;;

•        switch (day){

                    case 1:

                        week="星期一";

                        break;

                    case 2:

                        week="星期二";

                        break;

                    case 3:

                        week="星期三";

                        break;

                    case 4:

                        week="星期四";

                        break;

                    case 5:

                        week="星期五";

                        break

                    case 6:

                        week="星期六";

                        break

                   default:

                        week="星期日";

                        break;

              }                    

return year +"年" +month+"月"+date+"日"+week;

          });

         new Vue({

            el:"#box",

             data:{

                 date:new Date()   

             }

          })

     </script>
<pre><code>&lt;/body&gt;
</code></pre>