vue.js基础(3)

生命周期函数演示

  • 什么是生命周期:从vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这样事件,统称为生命周期!
  • 生命周期钩子=生命周期函数=生命周期事件



	
		
		
		
		生命周期函数的演示
		
	

	
		

{{msg}}

vue-resource 实现get,post,jsonp请求

除了学习vue-resource之外,还可以使用axios的第三方包实现数据的请求下

JSONP的实现原理:

  • 由于浏览器的安全性限制,不允许ajax访问协议不同、域名不同、端口号不同的数据接口,浏览器认为这种访问不安全
  • 可以通过动态创建script标签的形式,把script标签的src属性,指向数据接口的地址,因为script标签不存在跨域限制,这种数据获取方式,称作JSONP(注意:根据JSONP的实现原理,知晓,jsonp只支持Get请求)



	
		
		
		
		vue-resource基本使用
		
		
		
		
		
	

	
		

Vue中的动画

使用过渡名实现动画





    
    
    
    使用过渡类名实现动画
    
	



    

这是一个H3

修改动画的前缀





    
    
    
    修改动画前缀
    
	



    

这是一个H3


这是一个H3

使用第三方类实现动画





    
    
    
    使用第三方类实现动画
	
	
    



    

这是一个H3

这是一个H3

列表动画





    
    
    
    使用第三方类实现动画
	
	
    



    

这是一个H3

这是一个H3

vue.js基础(3)_第1张图片

使用钩子函数模拟小球半场动画




	
		
		
		
		使用钩子函数模拟小球半场动画
		
		
	

	
		

vue.js基础(3)_第2张图片

你可能感兴趣的:(vue)