微客导航 » 文章资讯 » Vue.js计算机属性computed和methods方法详解

Vue.js计算机属性computed和methods方法详解

2023-08-11 23:43:05 186

在使用Vue.js时，会发现调用menthods里的方法也可以与计算机属性起到同样的作用，如：






计算机属性逆转：{{reversedText}}


方法逆转：{{reversedTextM()}}

在methods里定义了一个方法实现了和计算机属性相同的效果，甚至该方法还可以接受参数，使用起来更灵活，既然使用methods就可以实现，那为什么还需要计算机属性呢？原因就是计算机属性是基于它的依赖缓存的。一个计算机属性所依赖的数据发生变化时，它才会重新赋值，所以text只要不改变，计算机属性也就不会更新，如：

computed:{
now:function(){
returnDate.now();
}
}

这里的Date.now()不是响应式依赖，所以计算机属性now不会更新。但是methods则不同，只要重新渲染，它就会被调用，因此函数也会被执行。

总结：使用计算机属性还是methods取决于你是否需要缓存，当遍历大数组和做大量计算时，应当使用计算机属性，除非你不希望得到缓存。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

Vue.js计算机属性computed和methods方法详解

计算机属性逆转：{{reversedText}}

方法逆转：{{reversedTextM()}}

热门推荐

随机推荐