计算属性-computed_综合

由于模板中放入太多的逻辑会让模板过重且难以维护，所以引出了计算属性，计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值，如果你不希望有缓存，请用方法来替代

注意:计算属性是属性而不是方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>计算属性</title><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body><div id="app">{
   {date}}{
   {countTime()}}</div>
</body>
</html>
<script type="text/javascript">let vue=new Vue({
      el:"#app",data:{
      message:"HelloVue!"},methods:{
      countTime:()=>{
      return Date.now();}},computed:{
      date:()=>{
      this.message;return Date.now();}}}) </script>