(1). 计算属性

当在模板中,对属性进行处理,包含了业务逻辑时,建议使用计算属性来代替模板中的逻辑.
在Vue中使用:computed来定义:计算属性.

注意:在模板使用时,不需要带括号.

(2). computed.html

<html>
   <head>
     <title>hello</title>
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
   </head>
   <body>
      <div id="example">
        <!-- 方法调用是需要带括号 -->
        <p>当前时间:</p>
        <!-- computed会把方法转变成属性,所以,调用时不需要带括号,带括号反而报错.  -->
        <p>当前时间属性:</p>
      </div>
      <script>
          var app = new Vue({
              el: '#example',
              computed:{
                getTime:function(){
                  return Date.now();
                }
              },
              methods : {
                getNow:function(){
                  return Date.now();
                }
              }
          });
      </script>      
   </body>
</html>