{{fullName}} {{age}}
    

可以看到，刷新页面输出“计算了一次”，改变firstName又输出“计算了一次”，而改变age不会再输出“计算了一次”。如果fullName依赖的firstName、lastName没有改变，则不会再重新计算，因为已经把它们缓存了起来

10年积累的网站制作、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站策划后付款的网站建设流程，更有广信免费网站建设让你可以放心的选择与我们合作。

---

当然还可以通过methods的方式来实现，但是只要页面重新渲染，fullName就会重新执行一次，它没缓存。所以，同样的功能，用computed会比methods更好

    
    
    
    


    //注意fullName()的()
    
{{fullName()}} {{age}}
    

---

也可以用监听(watch)的方式：

    
    
    
    


    
{{fullName}} {{age}}
    

（看得出来，只有在监听的发生改变才会执行）

---

总结：如果一个功能可以通过method、computed、watch来实现，首选computed。因为它和watch一样会缓存，而且写的代码比watch少，更优于不缓存的method

文章标题：计算属性，方法与侦听器
标题来源：http://ybzwz.com/article/pdojjj.html