Vue生命周期和Vue-resource
一、什么是生命周期
从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!
二、vue生命周期钩子函数
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。
生命周期函数=生命周期事件=生命周期钩子
三、vue生命周期
1、beforeCreate(){}
初始化还未完成 data中的数据和methods的方法还没有挂载到vue实例上
作用:一般用于页面的重定向
2、created(){}
初始化已经完成,它是第一个可以操作data中数据和methods中的方法的生命周期
作用:接口请求和数据初始化
3、beforeMount(){}
虚拟DOM挂载之前 页面元素还没有更新
4、mounted(){}
初始化完毕 它是第一个可以操作Dom元素的生命周期
5、beforeUpdate(){}
执行0次或多次 页面数据不是最新的,data里面是最新的
6、Updated(){}
执行0次或多次 页面已经更新,是最新数据
数据驱动视图
7、beforeDestroy(){}
销毁之前 清空定时器和页面监听
8、Destroyed(){}
已经销毁
四、Vue.resource的使用
注意引入顺序 先引入Vue在引入Vue.resource
url 协议(http https) 主机(IP 域名) 端口号
五、axios的使用
//内置对象
let fromdata = FromData()
fromdata.append('key','value')