Vue 计算属性和方法的区别

最新推荐文章于 2022-07-28 18:51:42 发布

师傅我悟了

最新推荐文章于 2022-07-28 18:51:42 发布

阅读量112

点赞数

本文链接：https://blog.csdn.net/neverlandkk/article/details/118993221

版权

本文探讨了Vue框架中计算属性与方法的区别。计算属性在数据变化时自动缓存结果，仅当依赖变更时才更新，而方法每次调用都会执行。通过示例代码展示`textAddByMet()`方法和`textAddByCop()`计算属性，指出在特定场景下计算属性能节省资源并提高性能。

摘要由CSDN通过智能技术生成

计算属性vs方法

计算属性是基于他们的依赖进行缓存，计算属性只有他们的相关依赖发生改变时才会重新求值
方法绑定数据只要被调用，方法总会再次执行函数
计算属性相对于方法在特定的场合下节省资源性能


<h1> {{textAddByMet()}}</h1>    //  124
<h1>{{textAddByCop()}}</h1>     // 124  
<sctipt>
	data:{
		text:123
	}
	methods:{
		textAddByMet(){
		return this.test= this.test + 1
		}
	},
	computed:{
		textAddByCop(){
		return this.test= this.test + 1
		}
	}
</script>

师傅我悟了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue 计算属性和方法的区别

计算属性vs方法计算属性是基于他们的依赖进行缓存，计算属性只有他们的相关依赖发生改变时才会重新求值方法绑定数据只要被调用，方法总会再次执行函数计算属性相对于方法在特定的场合下节省资源性能<h1> {{textAddByMet()}}</h1> // 124<h1>{{textAddByCop()}}</h1> // 124 <sctipt> data:{ text:123 } methods:{
复制链接

扫一扫