Vue实例属性和实例方法

目录

一，常用的实例属性：

二，常用的实例方法：

 1，实例方法set  ，delete

2，实例方法watch

3，实例方法-生命周期

---

 

Vue实例属性：vue实例直接调用的属性；

一，常用的实例属性：

1. vm.$data：获取属性；
2. vm.$el：获取实例挂载的元素；
3. vm.$options：获取自定义选项/属性/函数；
4. vm.$refs：获取通过ref属性注册的DOM对象；

	
		
		
		

	
	
		

			
{{msg}}
			
Hello
			
Vue
		
	
	
	

二，常用的实例方法：

数据：

• vm.$set：设置属性值；
• vm.$delete：删除属性值；
• vm.$watch：观测数据变化；

生命周期

• vm.$mount：手动挂载Vue实例；
• vm.$destroy：销毁Vue实例，清理数据绑定，移除事件监听；
• vm.$nextTick：将方法中的回调函数，延迟到DOM更新后；

 1，实例方法set  ，delete

	
		
		
		

	
	
		

			Id：{{user.id}}

			用户名：{{user.username}}

			changeUsername

			addId

			delId
		
	
	
	

2，实例方法watch

	
		
		
		

	
	
		

			

			msg : {{msg}}

			
			

			num : {{num}}

			
			unWatch
			
		
	
	
	

3，实例方法-生命周期

	
		
		
		

	
	
		

			

			msg : {{msg}}

			销毁


			oldName : {{oldName}}

			newName : {{newName}}