Vue里函数的调用顺序

作者: a333661d6d6e | 来源:发表于2019-04-26 15:00 被阅读13次

    下面小编就为大家分享一篇对vue里函数的调用顺序介绍,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。

    method用来定义方法的,比如你@click=”test”,methods就定义test这个方法

    created和ready都是 vue 组件的生命周期

    created

    类型: Function
    详细:
    在实例创建之后同步调用。此时实例已经结束解析选项,这意味着已建立:数据绑定,计算属性,方法,watcher/事件回调。但是还没有开始 DOM 编译,$el 还不存在。

    ready

    类型: Function
    详细:
    在编译结束和 el第一次插入文档之后调用,如在第一次attached钩子之后调用。注意必须是由Vue插入(如vm.el第一次插入文档之后调用,如在第一次attached钩子之后调用。注意必须是由Vue插入(如vm.appendTo() 等方法或指令更新)才触发 ready 钩子。

    compted 是计算属性,比如

    computed:{ 
    b:function(){ 
    return this.a+1 
    } //欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:864305860
    }
    

    那么这个b的值就和a挂钩,始终等于a的值+1,修改a的值的时候也会变
    vue 的 ajax 库推荐使用 vue-resource,一般非单页应用在ready里获取数据就行,如果是单页应用根据路由生命周期来获取,比如

    route: { 
    data: function (transition) { 
    //数据获取,修改data 
    transition.next() 
    } 
    }//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:864305860
    

    结语

    感谢您的观看,如有不足之处,欢迎批评指正。

    加入我们一起聊天吹水学习

    为了帮助大家让学习变得轻松、高效,大家可以加入我们vue/react/node交流君吹水学习交流:1018782135欢迎大家进群交流讨论,学习交流,共同进步。

    相关文章

      网友评论

        本文标题:Vue里函数的调用顺序

        本文链接:https://www.haomeiwen.com/subject/dezfnqtx.html