vuejs为什么调用两次methods方法？getname和getage一秒后有会被调用呢

<div id="app">
    <p>{{getname()}}</p>
    <p>{{getage()}}</p>
    <p v-if="isShow">{{now}}</p>
  </div>
  <script src="../vue.js"></script>
  <script>
    const app = new Vue({
      el: "#app",
      data: {
        isShow:false
      },
      computed: {
        now(){
          return Date.now()
        }
      },
      methods: {
        getname() {
          console.log("getname")
          return "abc"
        },
        getage(){
          console.log("getage");
          return 18
        }
      },
      created() {
        setTimeout(() => {
          this.isShow = true
        }, 1000);
        
      },
    })
  </script>

是的，使用methods ，在页面/组件重新渲染的时候，methods的函数总会重新调用执行。
所以与页面元素绑定输出值时要尽量用computed 代替 methods。
而methods只用于页面元素的事件中。
 

您好，我是问答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632