vue计算属性


计算属性：计算出来的结果保存在属性中




<body>

<div id="app">
    <p>当前时间戳：   {{currentTime1()}}</p>
    <p>当前时间戳：   {{currentTime2}}</p>
</div>


<!--导入Vue-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

<script>
  var vm=new Vue({
    el: "#app",
    data:{
       message:null
    },
    methods: {
      currentTime1: function (){
          return Date.now();//返回一个时间戳
      }
    },
    computed:{ // 计算属性  methods与computed中的方法名不能重名，如果重名则优先调用methods里面的方法
      currentTime2: function (){
        return Date.now();//返回一个时间戳
      }
    }
  });
</script>

</body>




posted @ 2022-03-04 09:57  卡卡发  阅读(67)  评论(0)    收藏  举报