初识 Vue（10）---(计算属性的 setter 和 getter)

计算属性的 setter 和 getter

方法一：

	
	
	


	

		{{fullName}}
		{{age}}
	
		
	

方法二：

	
	
	


	

		{{fullName}}
	
		
	

输出：

改变fullName的值，第一个是输出的，第二个是返回的

 

做出下列改动：var arr = value.split(""); this.firstName = arr[0]; this.lastName = arr[1];

	
	
	


	

		{{fullName}}
	
		
	

 

这时的值随输入的也发生变化，compute 的特点：当依赖的值发生变化则会重新计算，当重新输入值时导致

firstName 的值发生变化，进而导致 compute 重新计算 fullName 的值发生变化