Vue钩子函数

执行过程 自动调用

•   对象创建状态

  • beforeCreate 最先执行的 广告开场动画
  • created 对象创建成功后 data数据已经有了 模板没有加载 可以 初始化数据

•   模板挂载状态

  • beforeMount获取到了页面的模板 还没有进行替换
  • mounted模板已经重新进行了渲染 页面已经有了结果

•   修改数据状态

  • beforeUpdate监测mounted里面变更数据的操作才会触发
  • updated同上

•   对象销毁状态

  • beforeDestroy 在对象销毁成功之前 结束动画
  • destored 销毁整个实例对象之后 渲染时不会触发 荣登极乐

Vue 请求

vue-resource 自带的库

GET

POST

JSONP

new Vue = ({
    el:"#app",
    data:{},
    created(){
        this.$http.get("data.php",{params:{userName:"memeda"}}).then(function(res){
            console.log(res);
        })
    }
})

new Vue = ({
    el:"#app",
    data:{},
    created(){
        this.$http.post("data.php",{userName:"memeda"},{emulateJSON:true}).then(function(res){
            console.log(res);
        })
    }
})

new Vue = ({
    el:"#app",
    data:{},
    created(){
        this.$http.jsonp("data.php",{params:{strat:0,count:2}}).then(function(res){
            console.log(res);
        })
    }
})

axios 请求

GET

POST

axios.get("data.php",{params:{user:"admin"}}).then((res)=>{
    console.log(res);
})

axios.post("data.php","user:admin&pwd=123").then((res)=>{
    console.log(res);
})