02computed与methods

＆Ever 〗

于 2020-12-21 09:14:17 发布

阅读量179

点赞数

分类专栏： VUE 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_49104166/article/details/109330859

版权

VUE 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了Vue中computed属性和methods的区别。computed具有缓存特性，类似于属性，而methods则不具备缓存，每次调用都是执行方法。在模板中，可以使用{{ }}来展示computed属性或methods的返回值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

computed可做缓存，像属性一样使用
methods不可缓存，调用的是方法
{{ }} 用于输出对象属性和函数返回值。

<div id="app">
			{{msg1}}
			<p>{{resMsg()}}</p>
		</div>
		<script type="text/javascript">
			var app=new Vue({
				el:'#app',
				data:{
					msg1:"WORLD"
				},
				//调用的属性
				//计算属性    会做缓存
				computed:{
//					resMsg () {
//						return this.msg1.split("").reverse().join("");
//					}
				},
				//调用的方法
				//方法    不做缓存   调用时+()
				//methods 用于定义的函数，可以通过 return 来返回函数值。
				methods:{
					resMsg () {
						return this.msg1.split("").reverse().join("");
					}
				}
			})
		</script>