<vue 计算属性computed>

代码结构

一、     计算属性简单使用

1、效果  

2、代码

01-计算属性简单用法.html

  
  




  
{{firstName}} {{lastName}}
  
{{fullName}}

一、     计算属性复杂使用

1、 效果

计算多本书的总价

2、代码

02-绑定class属性.html

  
  




  
总价值: {{totalPrice}}

三、computed和methods的区别

1、效果

computed 与methods 的方法区别

（1）     调用的时候computed不用加括号

（2）     computed会对计算结果进行缓存而methods不会

2、 代码

03-绑定class属性(综合练习).html

	
		
		
	
	

		

			
{{fullName}}
			
{{fullName}}
		 
			
{{getFullName()}}
			
{{getFullName()}}