MENU

Vue钩子函数

May 28, 2019 • Read: 224 • Web Program阅读设置

钩子函数

vue生命周期,从创建到销毁的过程,当实例化vue的时候会创建几个相应的状态,在某种情况下做特定的功能,自动执行。

执行过程 自动调用

  •   对象创建状态

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

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

    • beforeUpdate监测mounted里面变更数据的操作才会触发
    • updated同上
  •   对象销毁状态

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

Vue 请求

vue-resource 自带的库

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 请求

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);
})

Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

4 Comments
  1. VUE文档去年都过了一遍,但是没人带着做项目,用不起来@(泪)

    1. @程志辉这些东西,文档一看就懂,一做就懵。还是得多多练习::quyin:hematemesis::

  2. 小心捅你钩子@(阴险)

    1. @奶爸de笔记不怕@(乖)