Vue 学习随笔系列八 -- 计算属性 computed

计算属性 computed

---

1、什么是计算属性

1. 实质上是 function 函数，监听 data 中的数据变化监听 data 中的数据变化
2. 经过函数计算处理后，return 一个新的值

2、声明

<template>
	<el-input v-model="count"></el-input>
</template>
<script>
export defaut {
	data() {
		return {
			count: 1,
			newData: "",
		}
	},
	computed: {
		update() {
			return this.count + 2
		}
	},
	methods: {
		getData(){
			this.newData = this.update
		}
	}
}
</script>

3、注意

1. 必须定义在 computed 节点中
2. 必须是 function 函数
3. 必须有 return 返回值
4. 当作普通属性使用