vue2入门---＞数据代理，事件，计算属性，监视属性

1. 数据代理

1.1 Object.defineproperty

1.1.2 介绍

当中有两个方法get，set

当有人读取person的age属性时，get函数(getter)就会被调用，且有返回值

当有人修改person的age属性时，set函数(setter)就会被调用，且会收到修改的具体值

1.1.3 代码示例

1.2 何为数据代理

1.2.1 介绍

1.2.2 代码示例

1.3 Vue中的数据代理

1.3.1 介绍

1.3.2 代码示例

	
		
		
		
		
	
	
		
		

			
学校名称：{{name}}
			
学校地址：{{address}}
		
	

	

2. 事件

2.1 事件的基本使用

2.1.1 介绍

2.1.2 代码示例

    
    
    
    




    
欢迎来到{{name}}学习
    
    点我提示信息1（不传参）
    点我提示信息2（传参）

2.2 事件修饰符

2.2.1 介绍

2.2.2 代码示例

	
		
		
		
		
		
	
	
		
		
		

			
欢迎来到{{name}}学习
			
			点我提示信息

			
			

				点我提示信息
				
				
			

			
			点我提示信息

			
			

				div1
				

					div2
				
			

			
			

				点我提示信息
			

			
			

				
1
				
2
				
3
				
4
			

		
	

	

2.3 键盘事件

2.3.1 介绍

2.3.2 代码示例

	
		
		
		
		
	
	
		
		
		

			
欢迎来到{{name}}学习
			
		
	

	

3. 计算属性

3.1 计算属性基础

3.1.1 介绍

3.1.2 代码示例

	
		
		
		
		
	
	
		
		
		

			姓： 


			名： 


			测试： 


			全名：{{fullName}} 


			
		
	

	

3.2 计算属性简写

3.2.1 代码示例

	
		
		
		
		
	
	
		
		

			姓： 


			名： 


			全名：{{fullName}} 


		
	

	

4. 监视属性

4.1 基础使用

4.1.1 介绍

4.1.2 代码示例

	
		
		
		
		
	
	
		
		
		

			
今天天气很{{info}}
			切换天气
		
	

	

4.2 深度监视

4.2.1 介绍

4.2.2 代码示例

	
		
		
		
		
	
	
		
		
		

			
今天天气很{{info}}
			切换天气
			

			
a的值是:{{numbers.a}}
			点我让a+1
			
b的值是:{{numbers.b}}
			点我让b+1
			彻底替换掉numbers
			{{numbers.c.d.e}}
		
	

	

4.3 监视属性_简写

4.3.1 代码示例

	
		
		
		
		
	
	
		
		

			
今天天气很{{info}}
			切换天气