计算属性,方法与侦听器




    
    
    
    


    
{{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


分享名称:计算属性,方法与侦听器
文章URL:http://azwzsj.com/article/pdojjj.html