Vue—-计算属性和监视(侦听)属性的详细讲解及区别

文章浏览阅读289次,点赞10次,收藏6次。以上的监视的属性是isHot,假如是对info进行监视,如果是不存 在的属性,则无法实现监视。原理::底层借助了objcet.defineproperty方法提供的getter和setter。作用:如果模板中需要过多逻辑,用常规写法会导致模板过重且难维护,这时候就应使用。以上图里的计算属性是简写,如果计算属性要被修改,那必须写。当被监视的属性变化时,回调函数自动(handler)调用。根据自己的需求选择用methods方法还是计算属性。(注:这里的this指的是vm实例 )