1.对于computed属性,官方文档是这样说明的:接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象
2.使用
<template>
<div>
<input type="button">点击</input>{{count}}
</div>
</template>
export default {
name: "都可以",
data(){
return(){
}
},
computed: {
count: 1
},
methods: {
addCount: {
count++
}
}
}
.1)当点击按钮时,右边数字依次加一
2)computed的每个变量,方法返回值可以被看做为data
3)一旦值发生了改变,那么页面对应的地方也会响应式的重新渲染
3.总结
1)使用computed属性可以实现一些需要改变的值的变化,类似对某个值加了个监听属性,一旦值改变,那么此处重新渲染